Notebooks 2.0 is here.

Published unlisted
Edited
Jun 10, 2021
1 star
Insert cell
Insert cell
values = Array.from({ length: 30 }, Math.random)
Insert cell
data = [
d3.sort(values).map((value, index) => ({ value, index, order: "asc" })),
d3
.sort(values)
.reverse()
.map((value, index) => ({ value, index, order: "desc" }))
].flat()
Insert cell
Plot.plot({
x: { axis: null },
facet: { data, x: "order" },
marks: [Plot.barY(data, { x: "index", y: "value" })]
})
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