Published
Edited
Sep 1, 2021
7 stars
Insert cell
Insert cell
Insert cell
Insert cell
Plot.plot({
marks: [
Plot.barX(data, {x: "value", y: "label", insetTop: 10, insetBottom: 10, fill: "#00b3dc"}),
Plot.text(data, { x: "value", y: "label", text: d => d.value + "%", dx: 15 })
],
height: 500,
marginRight: 50,
y: { line: true },
x: { line: true },
grid: true
})
Insert cell
data = [
{ label: "1990", value: 16 },
{ label: "1991", value: 56 },
{ label: "1992", value: 7 },
{ label: "1993", value: 77 },
{ label: "1994", value: 22 },
{ label: "1995", value: 16 },
]
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