The end-to-end solution for building and hosting better data apps, dashboards, and reports.
Unlisted
Edited
Sep 24, 2023
Plot.plot({
x: {insetRight: 40, grid: true},
marks: [
Plot.barX(data, {y: "name", x: "value", fy: "facet", fill: "steelblue"}),
Plot.ruleX([0]),
Plot.text(data, {text: "value", y: "name", x: "value", fy: "facet", frameAnchor: "left", dx: 6}),
Plot.frame(),
]
})
data = [
{name: "a", value: 10, facet: 0},
{name: "b", value: 14, facet: 0},
{name: "c", value: 6, facet: 0},
{name: "a", value: 14, facet: 1},
{name: "b", value: 12, facet: 1},
{name: "c", value: 8, facet: 1},
]
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.
