Darker cells mean a higher score for this topic on that metric.
LessMore
Last reviewed Sources & creditsMedia creditsMethodology
Quick answers
When should I pick Observable Plot kit?
When the story is: analysis write-ups, student labs, exploratory office charts.
When should I avoid Observable Plot kit?
Skip it in cases like: you must match a heavy enterprise dashboard kit pixel-for-pixel.
Who invented or popularised it?
Observable Plot continues the D3 grammar with less boilerplate
What does it encode?
mark layers over tidy columns with automatic scales
Is it OK in ads?
Yes if one claim is visible at a glance in Meta, Google and retail print; otherwise link to a full figure.
Will a teacher accept it?
Yes for lab reports and poster boards if axes, units and a source line are present.
Observable Plot kit encodes values as mark layers over tidy columns with automatic scales. Observable Plot continues the D3 grammar with less boilerplate.
In reports, ads and assignments it fits analysis write-ups, student labs, exploratory office charts. Skip it when you must match a heavy enterprise dashboard kit pixel-for-pixel.
Software
- Observable Plot — Grammar for tidy data - ISC. · ISC · github.com/observablehq/plot
- Observable stdlib — Helpers often used beside Plot in notebooks. · ISC · github.com/observablehq/stdlib
- D3 — Underlying ideas and escape hatches. · ISC · github.com/d3/d3
- Vega-Lite — JSON-first alternative grammar. · BSD-3-Clause · github.com/vega/vega-lite
- Scatter demo — Static scatter teaching marks on this atlas. · CC0 examples · github.com/Tool-Lifes/viz-atlas
Exports
- Exports 1 — SVG
- Exports 2 — PDF
- Exports 3 — EMF/SVG into slides (no screenshots)
- Exports 4 — SVG for web, PDF for print
Accessibility
- Accessibility 1 — Never hue alone. Stack pattern, label and position.
- Accessibility 2 — 4.5:1 for text, 3:1 for large marks.
- Accessibility 3 — Short alt text on the chart; numbers also as an HTML table.
- Accessibility 4 — Motion only as emphasis. Honour prefers-reduced-motion.
Observable Plot kit: honour mark layers over tidy columns with automatic scales, and switch when you must match a heavy enterprise dashboard kit pixel-for-pixel.