Unlisted
Edited
Mar 6, 2023
Insert cell
Insert cell
viewof Plot = Inputs.select(
new Map([
["dev", await FileAttachment("plot.umd.min.js").url().then(require)],
["0.6.4", await require("@observablehq/plot@0.6.4")]
])
)
Insert cell
Plot.plot({
color: { legend: true },
marks: [
Plot.dot(
olympians,
Plot.sort("height", {
y: "weight",
x: "height",
stroke: "nationality",
sort: { color: null, limit: 10 }
})
)
]
})
Insert cell
{
const female = (d) => d.sex === "female";
return Plot.barX(
olympians,
Plot.groupZ({ x: "mean" }, { x: female, fy: "sport", sort: { fy: "x" } })
).plot({ marginLeft: 90 });
}
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