Liquid flow velocity in pipesTernary plotMerging hexagonsSpotify Pop ArtistsDistance Angle VoronoiAoC 12: shortest path under constraintsVoronoi labelsHello, olliRough PlotCorrelation heatmapUsing d3.blur with PlotJob vacancies in AustraliaAssemblée nationale 2017-2022Minimalist dodge plotPlot.image borderfrom columnar to tidy dataAge/Handgroup, bin and sortPlot.stereoHistogramVariants of SARS-Cov-2 in EuropeVariants du SARS-CoV-2 en FranceTopological subsamplingAnimate a bar chart (OBSOLETE)Metbrewer color schemesHow many books was I reading?Road traffic under COVID restrictions (France)Convex hull mark (#154)Hello, Open MeteoK-means binningMatrix diagramQuasi-random Monte Carlo integrationDifference chartELD ViewerPlot early birdROC curveSkies PlotHappy anniversary, Project Gutenberg!The Sun’s analemmaObservable Plot in a Web WorkerregressionEdit data with PlotConical gradient PlotPlot HyperboloidExperimental Plot BeeswarmThe ARPANET in December 1969Irregular bins histogramLog-scale histogramDatabase Outage Plotcount distinct (#412)Scatterplot matrixIrregular Bar ChartFacet exclusion transformCanvas PlotHow to attach a plot to a DOM elementRenko ChartWaffle ChartQatar Population PyramidSlope ChartSequence LogosStacked bin dots
Warming stripes
Plot.plot({
width,
color: { scheme: "burd" },
x: { axis: null },
marginRight: 5,
marginBottom: 8,
height: 140,
marks: [
Plot.barX(data, {
x: "year",
interval: 1,
fill: "anomaly",
insetRight: -0.5,
insetTop: 11
}),
Plot.tickX(data, {
x: "year",
filter: (d) => d.year % 10 === 0
}),
Plot.text(data, {
frameAnchor: "top",
x: "year",
filter: (d) => d.year % 10 === 0,
text: (d) =>
[1880, 1900, 2000].includes(d.year) ? `${d.year}` : `’${d.year % 100}`,
textAnchor: "start",
dx: 3
})
]
})
Plot.barX(data, { x: "year", interval: 1, fill: "anomaly" }).plot()
data = FileAttachment("anomaly.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.
