Manuals / Data Visualization Basics / Chapter 2

Craft · beginner · ~35 min · Chapter 2 of 2

Encode without lying

Start axes at zero for bars. Don’t dual-axis without labeling. Color is for meaning, not decoration.

Path progress
75%

Step 1 of 2

Honest axes

Truncated bar axes exaggerate differences. Dual axes confuse. Prefer small multiples.

Honest axesDrag stickies · tap for tips
Study mapDrag stickies · tap for tipsKeep it shortdrag · tap →Name the waitdrag · tap →Scope locatorsdrag · tap →Trace when stuckdrag · tap →One browser firstdrag · tap →Isolate statedrag · tap →Assert the UIdrag · tap →Retry wiselydrag · tap →Seed datadrag · tap →Close the loopdrag · tap →Keep it shortdrag · tap →Name the waitdrag · tap →Scope locatorsdrag · tap →Trace when stuckdrag · tap →One browser firstdrag · tap →Isolate statedrag · tap →Pathwise hackdrag · tap →Honest axesdrag · tap →Try thisdrag · tap →Follow the dashed drag · tap →

Do this now

Find one chart online and note how it could mislead.

Pro tip: Put the insight in a one-line annotation.

Was this step clear?
Chapter learning outcomes
  • Axes
  • Color
  • Annotation

Clear these before you leave