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.
Rules
- Rules 1 — Use mark layers over tidy columns with automatic scales as one channel, not two.
- Rules 2 — Direct labels beat a distant legend.
- Rules 3 — Do not hide zero. If you break the axis, say so.
- Rules 4 — Colour encodes category or magnitude, not both.
- Rules 5 — Put the claim in the title, not just "Observable Plot kit".
- Rules 6 — Source and period, even in small type.
Palette
- Palette 1 — Categories: distinct hues. Sequences: one hue, changing value.
- Palette 2 — Diverging: a neutral centre, emphasis at both ends.
- Palette 3 — One brand colour plus greys beats a rainbow.
- Palette 4 — Check contrast on a projector and in greyscale print.
Type
- Type 1 — Tabular figures for numbers. Do not pour body copy into the chart.
- Type 2 — Titles as sentences; axes as short nouns.
- Type 3 — For CJK, drop weight one step and leave tracking.
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.