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 histogramDodge 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
Old faithful: density plot with a side rug
Plot.plot({
height: 500,
grid: true,
insetLeft: 60,
insetBottom: 60,
marks: [
Plot.spike(faithful, {
x: (d, i) => d["waiting"] + jitter[2 * i],
frameAnchor: "bottom",
opacity: 0.2,
stroke: "steelblue" // stroke+fill
}),
Plot.spike(faithful, {
y: (d, i) => d["eruptions"] + jitter[2 * i + 1] / 60,
frameAnchor: "left",
opacity: 0.2,
stroke: null,
fill: "orangered",
rotate: 90
}),
Plot.density(faithful, { x: "waiting", y: "eruptions" }),
Plot.dot(faithful, {
x: (d, i) => d["waiting"] + jitter[2 * i],
y: (d, i) => d["eruptions"] + jitter[2 * i + 1] / 60,
r: 2,
fill: "currentColor"
})
]
})
jitter = Float32Array.from(
{ length: 2 * faithful.length },
() => Math.random() - 0.5
)
faithful = FileAttachment("faithful.csv").csv({ typed: true })
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.
