Public
Edited
Dec 21, 2023
Importers
Insert cell
Insert cell
Insert cell
One15BSECPP = d3.csv(One15BSEEPP_Link,d3.autoType)
Insert cell
BroadStreet115A = Plot.plot({
title: "Embodied Energy per Person Over Time",
marks: [
Plot.ruleY([0]),
Plot.lineY(One15BSECPP, {
x: "Year",
y: "Embodied_carbon_per_person_Current",
stroke: "green",
channels: { Embodied_carbon_per_person_Current: "Embodied_carbon_per_person_Current" },
tip: true
}),
Plot.lineY(One15BSECPP, {
x: "Year",
y: "Embodied_carbon_per_person_projected",
stroke: "grey",
channels: { Embodied_carbon_per_person_Current: "Embodied_carbon_per_person_projected" },
tip: true
}),
Plot.lineY(One15BSECPP, {
x: "Year",
y: "Embodied_carbon_per_person_new",
stroke: "red",
channels: { Embodied_carbon_per_person_Current: "Embodied_carbon_per_person_new" },
tip: true
})
]
})
Insert cell
Insert cell
Insert cell
One15BSOC = d3.csv(One15BSOC_Link,d3.autoType)
Insert cell
One15BSCS = d3.csv(One15BSCS_Link ,d3.autoType)
Insert cell
BroadStreet115C = Plot.plot({
title: "Carbon Savings",
marks: [
Plot.barY(One15BSCS, {x: "Building_Type", y: "Value", sort: {x: "y", reverse: true}}),
Plot.ruleY([0])

]
})
Insert cell
BroadStreet115B =
Plot.plot({
title: "Embodied Energy",
marks: [
Plot.barY(One15BSOC, {
x: "Building_Type",
y: "Value",
sort: {
x: "y",
reverse: true
}
})
],
y: {
tickFormat: d => Intl.NumberFormat('en-US', { notation: 'compact' }).format(d)
}
})
Insert cell
Insert cell
One15BSCPSQFT = d3.csv(One15BSCPSQFT_Link ,d3.autoType)
Insert cell
CostperSQFT= Plot.plot({
title: "Cost per SqFt per SqFt",
marks: [
Plot.barY(One15BSCPSQFT, {x: "Building_Type", y: "Value", sort: {x: "y", reverse: true}}),
Plot.ruleY([0])

]
})
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