((chart) => html`
<div style="display: flex;align-items: flex-start;">${chart}${chart.legend(
"color"
)}
`)(
Plot.plot({
y: { grid: true },
marks: [
Plot.rectY(
penguins,
Plot.binX({ y: "count" }, { x: "flipper_length_mm", fill: "sex" })
),
Plot.ruleY([0])
]
})
)
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.
