The end-to-end solution for building and hosting better data apps, dashboards, and reports.
Unlisted
Edited
Dec 6, 2022
Plot.plot({
marks: [
Plot.lineY(data, Plot.binX({ y: "mean" }, { x: "weight", y: "number", z: "year" }))
]
})
Plot.plot({
marks: [
Plot.areaY(data, Plot.binX({ y1: "min", y2: "max" }, { x: "weight", y: "number", z: "year", fillOpacity: 0.1 })),
Plot.lineY(data, Plot.binX({ y: "median" }, { x: "weight", y: "number", z: "year" }))
]
})
data = [
{ year: 2000, weight: 3, number: 3 },
{ year: 2000, weight: 7, number: 7 },
{ year: 2000, weight: 7, number: 4.3 },
{ year: 2000, weight: 8, number: 9 },
{ year: 2000, weight: 8, number: 9.1 },
{ year: 2000, weight: 9, number: 6 },
{ year: 2000, weight: 9, number: 6 },
{ year: 2000, weight: 10, number: 5.1 },
{ year: 2000, weight: 10, number: 8.24 },
{ year: 2000, weight: 11, number: 2 },
{ year: 2000, weight: 11, number: 1 },
{ year: 2001, weight: 3, number: 5 },
{ year: 2001, weight: 7, number: 7 },
{ year: 2001, weight: 7, number: 7 },
{ year: 2001, weight: 8, number: 7 },
{ year: 2001, weight: 8, number: 4 },
{ year: 2001, weight: 9, number: 2 },
{ year: 2001, weight: 9, number: 4 },
{ year: 2001, weight: 10, number: 3 },
{ year: 2001, weight: 10, number: 8 },
{ year: 2001, weight: 11, number: 9 },
{ year: 2001, weight: 11, number: 4 },
{ year: 2001, weight: 16, number: 7.5 }
]
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.
