Skip to content

Data visualization

Chart forms, color, marks and interaction.

From dataviz by Anthropic

18 principles

01

Pick the form before the color

02

One accent, the rest gray

03

One job per color

04

Ramps for ordered categories

05

Fixed hue order, never cycled

06

Color follows the entity

07

Compute colorblind safety

08

Reserve status colors

09

One y-axis, never two

10

Thin marks, quiet chrome

11

Gaps and rings, not borders

12

Legend, then selective labels

13

Text wears ink, not hue

14

Stat tiles and hero figures

15

Ship the hover layer

16

One filter row on top

17

Table view and texture

18

Select dark mode, don't flip