Human being based in Berlin, passionated about design, coding, workflow, creativity and Käsefondue 🇨🇭
Published
Edited
Jun 10, 2022
1 star
viewof tableView = Inputs.table(data, {})
Plot.barX(data, Plot.groupY({ x: "sum" }, { x: "value", y: "year", fill: "energyType" })).plot()
Plot.plot({
x: {
label: "Jahr →"
},
y: {
grid: true,
label: "↑ Energieverbrauch in kWh"
},
marks: [
Plot.barY(data, Plot.groupX({y: "sum"}, {x: "year", y: "value", fill: "energyType"})),
Plot.ruleY([0])
],
marginLeft: 50,
marginBottom: 35,
})
Plot.plot({
x: {
grid: true
},
marks: [
Plot.barX(data, Plot.groupY({ x: "sum" }, { x: "value", y: "buildingType", fill: "energyType", sort: {
y: "x",
reverse: true
} })),
Plot.ruleX([0])
],
marginLeft: 180
})
htl.html`<h1>Hello</h1>`
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.
