Plot.plot({
width,
marginLeft: 150,
x: {
label: "TWh",
axis: "top",
},
y: {
label: "",
},
marks: [
Plot.barX(top10, {
y: "country",
x: "value",
fill: (d) => d.source === selectSource ? "red" : "#ddd",
stroke: "#bbb",
sort: {y: "x", reverse: true}
}),
]
})
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.
