Public
Edited
Feb 26, 2024
1 fork
Insert cell
Insert cell
Insert cell
studiedParameterRange = FileAttachment("Studied Parameter Range.PNG").image()
Insert cell
Insert cell
viewof euiSwitch = form(html`<form>
<div><span class="labels" style="margin-right: 10px;">Display outputs as:</span>
<select name="y" style="width: 300px;">
<option value="EUI">Energy Use Intensity (EUI)
<option value="EDI">Energy Demand Intensity (EDI)
<option value="TEDI">Thermal Energy Demand Intensity (TEDI)
<option value="CEDI">Cooling Energy Demand Intensity (CEDI)
<option value="peak_space_cooling_sqft_per_ton">Peak Space Cooling
</select>
</div>
</form>`)
Insert cell
viewof unitSelection = form(html`<form>
<div>
<input name="unit" id="ip" type="radio" value="IP"><label for="ip">IP</label>
<input name="unit" id="si" type="radio" value="SI" checked><label for="si">SI</label>
</div>
</form>`)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
parametric_data = {
let parametrics = (await FileAttachment("parametric_all3.csv").csv({typed:true}));
const columns = parametrics.columns;
let data = parametrics.map(d => ({...d, EUI: eui(d.EUI),EDI: eui(d.EDI), peak_space_cooling_sqft_per_ton: peak_unit_switch(d.peak_space_cooling_sqft_per_ton)}));
data.columns = columns;
data = data.sort((a, b) => d3.ascending(a.dataset, b.dataset))

return data;
}
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
// md`
// </br>
// MID CENTURY - RCP 8.5_2041-2060_50%
// </br></br>`
Insert cell
// md`
// </br>
// END OF CENTURY - RCP 8.5_2081-2099_50%
// </br></br>`
Insert cell
Insert cell
sensitivity_data = {
//add a random version number to avoid caching
let data = (await FileAttachment("parametric_data-6@2.csv").csv({typed:true}));
//group the data by independent variable
const grouped = group(data, d => d.Variable);
data = Array.from(grouped, d => ({variable: d[0], data: d[1].sort((a, b) => a[d[0]] - b[d[0]])}));
return data;
}
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more