1Every graph is one of four element types
This is the useful abstraction. Instead of memorising chart names, ask which element is carrying your data, and the chart follows.
The seven core visuals
About a dozen chart types cover roughly 90% of cases, and around 5% of work needs a genuinely custom visual. So master a dozen deeply rather than a hundred shallowly.
When simple text beats a chart
Lines and slopegraphs
- A line implies continuity, so the eye reads a line as a continuous variable. That is the continuity principle doing the work.
- A slopegraph connects just two points in time, which lets you show change even in categorical data.
- Slopegraphs answer "what changed, and how fast" between two periods, without drawing everything in between.
Waterfall
The chart for explaining a change rather than stating it. Standard business use is a revenue-to-profit bridge, or a headcount plan.
Design concepts: form follows function
Borrowed from product design philosophy. The best products start from the function they must deliver, then design a form that delivers it. The function of any visualization is to communicate information to an audience, and everything else is downstream of that.
Affordances
Things you add or remove that make the message easier to take in. Highlight, declutter, simplify the axis, show only start and end. The test is processing time.
Accessibility
It works for a wide audience, including colour-blind readers and people seeing it in print.
Aesthetics
Pleasant enough that somebody engages with it rather than skipping past.
Acceptance
The audience receives it in the intended form. The step most people skip, and the reason good visuals still get rejected.
People resist change, so a new format meets resistance by default. Creating acceptance is the analyst's job, not the audience's: explain the reasoning behind the design, show how it improves on the earlier version, win over a few audience members first and let them advocate for you, then take feedback and iterate. Get affordances, accessibility and aesthetics right and acceptance usually follows on its own.
Visual hierarchy
Dissecting model visuals
Taking a finished, well-made visual apart to see why each choice was made. The governing idea is intentional design: every element, from colour to alignment to labels, serves a specific purpose.
| Technique | What it means |
|---|---|
| Emphasize key data | Bold colour, thicker lines, clear labels on the thing that matters |
| De-emphasize context | Lighter, thinner lines and smaller fonts for comparison data and footnotes |
| Use annotations | Text placed directly on the chart to explain an event, a trend or a forecast assumption |
| Layout and colour | Horizontal bars for long names. One attention-grabbing colour for the critical category |
| Maintain clarity | Label only essential points. Remove an axis entirely if data labels already give the numbers |
Storytelling with data
Data informs partially, a story convinces. The end goal of every visualization exercise is to move an audience from insight to action, and that happens only when the story is consistent and compelling.
Audience-centric, not data-centric
This is the line to remember. You are not visualising because you have data. You are visualising because somebody needs to consume it.
| Question | Why it changes the design |
|---|---|
| Who is the audience? | Sets the vocabulary, the chart complexity and the assumed background |
| What do you want them to know or do? | Decides whether you are informing, persuading or inviting challenge |
| How will they consume it? | Live presentation against email changes everything about the visual |
- In a live session you can clarify in real time, so the visual can carry less on its own.
- In a document or email you will not be there, so the visual has to be self-evident and stand alone.
- To prove a point or support a trend, use a line chart, because continuity implies the trend continues.
- To invite questions when you are unsure of a relationship, use a scatter plot, which presents evidence without asserting a conclusion.
- Choosing the wrong visual can impose assumptions on your audience that you never intended.
What to avoid, and what to use
3D effects distort the encoding and add nothing. Cluttered axes, excessive detail and unnecessary gridlines are chartjunk: if a design element does not add value, it subtracts. On the other side, pre-attentive attributes (colour, size, shape and position) are processed before conscious attention, which is why key data appears to pop instantly. Placing the most critical information at the top-left uses the same effect, since that is where the eye lands first.
The five communication purposes
This is the taxonomy the module is named after, and the backbone of the week.
Charts for comparing categories
Gantt chart, the floating bar
Sankey diagram
Small multiples
Charts for hierarchies and part-to-whole
| Method | What it does |
|---|---|
| Pie chart | The familiar part-to-whole. Fails with many categories |
| Stacked bar | Composition within and across categories |
| Square pie (waffle) | A 10×10 grid of squares filled in proportion. Easier to read than a pie |
| Treemap | Nested rectangles sized by value. The standard choice for hierarchical data, and it supports drill-down |
| Circle packing | Constituent circles inside one overall circle. Suits a large number of parts |
| Bubble hierarchy | A central bubble with offshoots, each subdivided again. Shows organisation, not just proportion |
| Tree hierarchy | A classic branching tree, for structure rather than proportion |
Charts for changes over time
Plots how a quantity moves through geography and time at once. The canonical example is Minard's chart of Napoleon's march on Russia: band width shows the army shrinking along the route, a separate band shows the retreat, and a temperature scale runs underneath. Worth knowing as the standard reference for how much a single well-designed graphic can carry.
Charts for connections and relationships
These are exploratory tools. You reach for them when you have variables but no idea how they relate.
Mapping geo-spatial data
People live in space, so a phenomenon shown on a map connects immediately in a way a bar chart of the same numbers does not. It also uses closure, since a familiar outline reads as a whole country without being labelled.
Key points
- The seven core visuals, and that a dozen charts cover roughly 90% of cases.
- Four graph element types: point, bar, line, area.
- When simple text beats a chart, and why tables speak to the verbal system.
- Slopegraph against line chart, and why a slopegraph can handle categorical data.
- Waterfall chart: what it decomposes and why two endpoints are not enough.
- Form follows function, and the chain affordances → accessibility → aesthetics → acceptance.
- What an affordance is, with two examples.
- How to build acceptance when an audience resists a new visual.
- Intentional design, and the five dissecting techniques.
- Audience-centric not data-centric, and the three context questions.
- Why live and textual delivery need different visuals.
- Chartjunk, and pre-attentive attributes: colour, size, shape, position.
- The five communication purposes, in order, with charts for each.
- Gantt chart: why floating bars beat anchored bars for uneven ranges.
- Sankey diagram: flow, stages, band width proportional to quantity.
- Small multiples: why grid scanning beats one cluttered chart.
- Circle packing against bubble hierarchy.
- Stacked area against stream graph, and why fixed categories matter.
- Scatter plot matrix against radial network, and the dimensionality trade.
- The choropleth population problem, and that an isarithmic map corrects it.