Darker cells mean a higher score for this topic on that metric.
LessMore
Last reviewed Sources & creditsMedia creditsMethodology
Quick answers
When should I pick D3 custom craft?
When the story is: novel forms, research figures, bespoke explainers.
When should I avoid D3 custom craft?
Skip it in cases like: a Chart.js bar already answers the manager question.
Who invented or popularised it?
Mike Bostock D3 (2011) - still the craft backbone of custom viz
What does it encode?
data joins to SVG/Canvas marks with explicit 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.
D3 custom craft encodes values as data joins to SVG/Canvas marks with explicit scales. Mike Bostock D3 (2011) - still the craft backbone of custom viz.
In reports, ads and assignments it fits novel forms, research figures, bespoke explainers. Skip it when a Chart.js bar already answers the manager question.
Rules
- Rules 1 — Use data joins to SVG/Canvas marks with explicit 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 "D3 custom craft".
- 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.
D3 custom craft: honour data joins to SVG/Canvas marks with explicit scales, and switch when a Chart.js bar already answers the manager question.