Stacked bars with totalQuantize legend ticksD3 contours and Plot spatial interpolatorsDodge valuesPlot: bars and lineSpectrum plotter basicHTML tips (without tippy)Plot: extended interval (#1824)Format yKittenShifted / centered time barsPlot: custom color channel in interactive tipsStreaming FlatGeobuf with PlotChart with a marginal histogramOld faithful: density plot with a side rugReading datesWhite House tweets heatmapMidpoint transformFlow-based cartograms (Gastner, Seguy & More, 2018)A trend line for counts over timePlot sample transformCreate an average line in PlotA centered titlePlot 0.6.0Band scale tickSize
Dodge text
Plot.plot({
height: 250,
r: { type: "pow", exponent: 1.5, range: [0, 10] }, // an exaggerated scale
marks: [
Plot.dotX(
penguins,
Plot.dodgeY({ x: "body_mass_g", fill: "black", r: "body_mass_g" })
),
Plot.textX(
penguins,
Plot.dodgeY({
x: "body_mass_g",
fill: "black",
text: (d) => d.species?.[0],
fill: "white",
r: "body_mass_g"
})
)
]
})
Plot.plot({
height: 320,
marks: [
Plot.dotX(penguins, Plot.dodgeY({ x: "body_mass_g", fill: "black", r: 6 })),
Plot.textX(
penguins,
Plot.dodgeY({
x: "body_mass_g",
fill: "black",
text: (d) => d.species?.[0],
fill: "white",
r: 6
})
)
]
})
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.
