Public
Edited
Aug 29, 2024
Insert cell
Insert cell
penguins.csv
Type Table, then Shift-Enter. Ctrl-space for more options.

Insert cell
Plot.plot({
grid: true,
nice: true,
color: { legend: true },
marks: [
Plot.dot(penguins, {
x: "culmen_length_mm",
y: "culmen_depth_mm",
stroke: "species"
}),
Plot.density(penguins, {
x: "culmen_length_mm",
y: "culmen_depth_mm",
fill: "species",
fillOpacity: 0.05
})
]
})
Insert cell
Insert cell
Plot.plot({
marks: [
Plot.waffleY(
penguins,
Plot.groupX(
{ y: "count" },
{
x: "species",
fill: "species",
unit: numUnits,
sort: { x: "y", reverse: true }
}
)
),
Plot.ruleY([0])
]
})
Insert cell
a = 1
Insert cell
b = 5
Insert cell
c = a + b
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