Public
Edited
Dec 7, 2023
Importers
Insert cell
Insert cell
Insert cell
BeaverS48EEPP= d3.csv(BeaverS48EEPP_Link ,d3.autoType)
Insert cell
BeaverS48A =Plot.plot({
title: "Embodied Energy per Person Over Time",
marks: [
Plot.ruleY([0]),
Plot.lineY(BeaverS48EEPP , {
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(BeaverS48EEPP , {
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(BeaverS48EEPP , {
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
BeaverS48OC= d3.csv(BeaverS48OC_Link ,d3.autoType)
Insert cell
BeaverS48B = Plot.plot({
title: "Embodied Energy",
marks: [
Plot.barY(BeaverS48OC, {x: "Building_Type", y: "Value", sort: {x: "y", reverse: true}}),
Plot.ruleY([0])

]
});

Insert cell
Insert cell
BeaverS48CS= d3.csv(BeaverS48CS_Link ,d3.autoType)
Insert cell
BeaverS48C = Plot.plot({
title: "Carbon Savings",
marks: [
Plot.barY(BeaverS48CS , {x: "Building_Type", y: "Value", sort: {x: "y", reverse: true}}),
Plot.ruleY([0])

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