Public
Edited
May 21
Insert cell
Insert cell
Plot.plot({
marginTop: 18,
marks: [
Plot.tickX(penguins, {
x: "culmen_length_mm"
}),
Plot.tickX(
penguins,
Plot.groupZ(
{ x: "median" },
{
x: "culmen_length_mm",
stroke: "red",
strokeWidth: 2,
inset: -8
}
)
),
Plot.text(
penguins,
Plot.groupZ(
{ x: "median", text: "median" },
{
x: "culmen_length_mm",
text: "culmen_length_mm",
frameAnchor: "top",
dy: -18,
fill: "red"
}
)
)
]
})
Insert cell
Plot.plot({
marginTop: 18,
marks: [
Plot.tickX(penguins, {
x: "culmen_length_mm",
stroke: "species"
}),
Plot.tickX(
penguins,
Plot.groupZ(
{ x: "median" },
{
x: "culmen_length_mm",
stroke: "species",
strokeWidth: 2,
inset: -8
}
)
),
Plot.text(
penguins,
Plot.groupZ(
{ x: "median", text: "median" },
{
x: "culmen_length_mm",
text: "culmen_length_mm",
fill: "species",
frameAnchor: "top",
dy: -18
}
)
)
]
})
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