Public
Edited
Jul 14, 2023
3 forks
6 stars
Insert cell
Insert cell
Plot.plot({
inset: 10,
color: {legend: true},
marks: [
d3.groups(penguins, (d) => d.species).map(([s]) =>
Plot.density(penguins, {
x: "flipper_length_mm",
y: "culmen_length_mm",
weight: (d) => d.species === s ? 1 : -1,
fill: () => s,
fillOpacity: 0.2,
thresholds: [0.05]
})
),
Plot.dot(penguins, {
x: "flipper_length_mm",
y: "culmen_length_mm",
stroke: "species"
}),
Plot.frame()
]
})
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