Design Principles¶
Design Thinking (user-centric)¶
- Empathize — emotions and needs of the audience
- Define — audience needs, problems, insights
- Ideate — start drafting visualizations
- Prototype — put findings into a presentation or dashboard
- Test — show prototypes to teammates before final delivery
9 basic principles of design¶
- Balance — distribute visual elements evenly
- Emphasis — focal point with contrast; the most important data stands out first
- Movement — guide the viewer's eye with lines, color, animation
- Pattern — consistent shapes/colors highlight similarities or disruptions
- Repetition — repeat elements so audience recognizes data sets
- Proportion — size and scale signal relative importance
- Rhythm — arrange for natural flow
- Variety — mix chart types and colors; avoid confusion
- Unity — components work together as a cohesive story
Design a chart in 60 minutes¶
| Phase | Time | What to do |
|---|---|---|
| Prep | 5 min | Mental space; consider amount and type of data |
| Talk and listen | 15 min | "Ask behind the ask"; set expectations |
| Sketch and design | 20 min | Draft approach; define timing and output |
| Prototype and improve | 20 min | Build, evaluate, iterate |
3 data storytelling steps¶
(Real-world example: Spotify Wrapped)
- Engage the audience
- Create compelling visuals
- Tell the story in an interesting narrative
McCandless Method (presenting a single graphic)¶
- Introduce the graphic by name
- Answer obvious questions before they're asked
- State the insight of your graphic
- Call out data that supports that insight
- Tell your audience why it matters
Edward Tufte's principles¶
- Above all, show the data
- Maximize data-ink ratio (remove non-data ink)
- Avoid chartjunk
- Use small multiples for comparison
- Show comparisons, contrasts, differences
Practical checklist before publishing¶
- Title states the insight (not just the topic)
- Axes labeled with units
- Numbers formatted (commas, currency, %)
- No truncated y-axis (unless you flag it)
- Color-blind friendly
- Source cited
- Caption explains what to notice
- Looks fine on a phone