Published unlisted
Edited
Nov 16, 2021
Insert cell
Insert cell
chart = Plot.plot({
y: {
grid: true,
percent: true
},
marks: [
Plot.barY(
penguins,
Plot.groupX({ y: "proportion" }, { x: "species", fill: "sex" })
),
Plot.textY(
penguins,
Plot.stackY(
Plot.groupX(
{
y: "proportion",
text: (d) => d3.format("0.2%")(d.length / penguins.length)
},
{ x: "species", z: "sex" }
)
)
),
Plot.ruleY([0])
]
})
Insert cell
penguins = FileAttachment("penguins.csv").csv({typed: true})
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