VIZ

Charts · Dashboards · Data storytelling

A Visual Guide to Data Visualization

An interactive handbook

Thirteen chapters of charts, drawn instead of described

Most writing about data visualisation describes charts in words. This describes them by drawing them. Every chart type is rendered live, every principle has a demonstration you can operate, and the ideas that only make sense when you see them move are the ones that get the most space. Click, drag, slide and hover. Nothing here is a screenshot.

13
chapters
120+
interactive figures
0
static images
offline
works with no internet, apart from the fonts

The course, module by module

How the guide is built

Fig 0.1Each module builds on the one before, and the tool chapters apply all of it
Part 1 is why and what, Part 2 is how well, Part 3 is for whom, and Part 4 is with what. Hover any block.

Five ideas that come back in every chapter

IdeaFirst appearsReturns as
Audience-centric, not data-centricChapter 1, contextDashboard type (5), narrative type (6), user experience in every tool week
Encoding accuracyChapter 4, the rankingWhy hover tooltips exist (10), why bubbles need labels (12)
Ordering and declutteringWeeks 1 and 3Seaborn's automatic ordering (9), removing axes in Power BI (13)
Correlation is not causationChapter 1Confounders (4), misleading charts (6)
Right aggregation for the data typeChapter 4, measurement scalesSumming a percentage is wrong (11, 12, 13)

How to use these pages

Read in any order

The chapters build on each other, and each one stands alone. Every page ends with its key points, and cross-references name the chapter they point to, so you can start wherever your question is.

Everything is interactive

Every segmented control, slider, toggle and clickable mark changes what is drawn. Where a figure has a control bar, the point of the figure is usually the difference between two of its states.

For the tool chapters

Chapters 7 to 13 put the code or the interface beside the result, so you can read the call that produced a chart and change it in your head before you change it in an editor.

Light and dark

The button in the header follows your system by default and remembers your choice. Every chart redraws with the new palette rather than being inverted.