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.
Parts
- Mark — The core mark of Observable Plot kit is mark layers over tidy columns with automatic scales.
- Scale — The scale must show zero (or a declared break) and units.
- Axis — Axis titles name the variable, not a mood.
- Legend — A legend is weaker than a direct label. Write beside the mark when you can.
- Label — Numbers are optional. If comparison is the job, label the ends only.
- Grid — Keep the grid faint. Data should own the ink.
- Annotation — One annotation sentence. Date the source.
- Frame — A thin frame. Never a 3-D box.
Variants
- Plot.js — Variant 1 of Observable Plot kit (Plot.js). Same encoding, different layout.
- Tidy data marks — Variant 2 of Observable Plot kit (Tidy data marks). Same encoding, different layout.
- Observable grammar — Variant 3 of Observable Plot kit (Observable grammar). Same encoding, different layout.
- Observable Plot kit 4 — Variant 4 of Observable Plot kit (Observable Plot kit 4). Same encoding, different layout.
Labels
- Axis — On Observable Plot kit, make Mark readable.
- Legend — On Observable Plot kit, make Scale readable.
- Label — On Observable Plot kit, make Axis readable.
- Grid — On Observable Plot kit, make Legend readable.
- Annotation — On Observable Plot kit, make Label readable.
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.