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 PlotOld faithful: density plot with a side rugDodge textReading 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
Chart with a marginal histogram
a = Plot.plot({
grid: true,
marks: [
Plot.lineY(
penguins,
Plot.binX(
{ y: "median" }, // the median culmen length binned by body mass—why not?
{
x: "body_mass_g",
y: "culmen_length_mm",
stroke: "species",
curve: "natural",
thresholds: 15
}
)
)
]
})
b = Plot.plot({
height: 130,
x: { ...a.scale("x"), axis: null }, // copies the scale from the first chart, and hides the redundant axis
y: { reverse: true },
marks: [
Plot.rectY(
penguins,
Plot.binX(
{ y: "count" },
{
x: "body_mass_g",
fill: "lightgrey",
thresholds: 50
}
)
),
Plot.ruleY([0]),
Plot.axisY({ labelAnchor: "bottom" })
]
})
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.
