Public
Edited
Dec 21, 2023
Importers
Insert cell
Insert cell
Insert cell
BroadS85EEPP= d3.csv(BroadS85EEPP_Link ,d3.autoType)
Insert cell
BroadS85A = Plot.plot({
title: "Embodied Energy per Person Over Time",
marks: [
Plot.ruleY([0]),
Plot.lineY(BroadS85EEPP, {
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(BroadS85EEPP, {
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(BroadS85EEPP, {
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
BroadS85OC= d3.csv(BroadS85OC_Link ,d3.autoType)
Insert cell
BroadS85B =
Plot.plot({
title: "Embodied Energy",
marks: [
Plot.barY(BroadS85OC, {
x: "Building_Type",
y: "Value",
sort: {
x: "y",
reverse: true
}
})
],
y: {
tickFormat: d => Intl.NumberFormat('en-US', { notation: 'compact' }).format(d)
}
})


Insert cell
BroadS85C = Plot.plot({
title: "Carbon Savings per SqFt",
marks: [
Plot.barY(BroadS85CS , {x: "Building_Type", y: "Value", sort: {x: "y", reverse: true}}),
Plot.ruleY([0])

]
})
Insert cell
Insert cell
BroadS85CS= d3.csv(BroadS85CS_Link ,d3.autoType)
Insert cell
Insert cell
BroadS85CPSQFT= d3.csv(BroadS85CPSQFT_Link ,d3.autoType)
Insert cell
CostperSQF = Plot.plot({
title: "Cost per SqFt",
marks: [
Plot.barY(BroadS85CPSQFT , {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