Published unlisted
Edited
Jul 21, 2022
2 stars
Insert cell
Insert cell
chart = Plot.plot({
marginLeft: 100,
marks: [
Plot.boxX(olympians, {
x: "weight",
y: "sport",
sort: { y: "x" },
fill: (d) => d.sport === debug
})
]
})
Insert cell
d3
.select(chart)
.selectAll(".tick")
.style("cursor", "pointer")
.on("click", (event, d) => (mutable debug = d))
Insert cell
mutable debug = null
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