Public
Edited
May 23, 2023
Insert cell
Insert cell
Plot.plot({
marks: [Plot.cell(cat_data, { x: "favorite-color", y: "subject-id" })]
})
Insert cell
cat_data[0]
Insert cell
cat_data[0]
Insert cell
Plot.plot({
x: { type: "band" },
y: { type: "band" },
marks: [Plot.dot(cat_data, { x: "favorite-color", y: "subject-id" })]
})
Insert cell
cat_data = d3.csvParse(`subject-id,favorite-color
sub-1,green
sub-2,blue
sub-3,black
sub-4,black
sub-5,green
sub-6,red
`)
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