Resource · A growing collection

Icons of Data.

The remarkable ways we turn information into understanding.

Not just charts. Maps, symbols, codes and even patterns you read with your fingertips. What do they have in common? Someone made a rather clever decision about how to represent information.

Start here

01 / Minard · 1869

Icons of Data · 01

A line that disappears

In 1869 Charles Joseph Minard made the route of Napoleon's Russian campaign shrink as the army got smaller. One line, several jobs, and a rather uncomfortable history lesson.

Read the story
Reconstruction of Minard's Russian campaign map, with pale outward routes, dark returning routes and changing band widths representing estimated troop strength.

Our reconstruction uses Minard's plotted estimates. You can also explore his original 1869 map, including its French labels and temperature trace.

The clever bit

How information becomes a mark

A chart isn't clever just because it looks different. The interesting part is what each shape, line or colour tells us. Minard is a good place to start.

01 / Position

Where?

Place the line on a map and you can follow the army's route.

02 / Width

How many?

Make the line thinner as the estimated number of men falls.

03 / Colour

Which way?

Pale marks show the advance. Dark marks show the retreat.

04 / Context

What else?

Add places, dates and temperatures to show more of the journey.

The full Decode the Icon visual pulls these four choices apart.

The collection

Seven stories · More to come

We'll add new icons as they're researched and ready. The subject isn't limited to graphs — useful information has plenty of other shapes.

Charles Joseph Minard

The line that changed how an army's retreat could be understood.

Read the story →

Harry Beck's Tube diagram

When the connections between stations matter more than their exact positions. From a geographical map to a diagram you can follow.

Read the story →

Louis Braille's six-dot system

A writing system made to be felt. How six dot positions opened up independent reading and writing.

Read the story →

Florence Nightingale's mortality diagram

Blue areas carried a difficult argument about disease in the Crimean War. A persuasive graphic, and a reminder of what comparison cannot prove.

Read the story →

W. E. B. Du Bois's red spiral

A striking coil puts a huge 1890 rural population in the foreground. Data as an argument, with more to discover when we unwind it.

Read the story →

John Snow's Broad Street cholera map

Black marks clustered around a Soho water pump. Geography made a hypothesis visible, without proving it on its own.

Read the story →

Ed Hawkins' Warming Stripes

One year, one coloured band. A warming world becomes unmistakable without an axis — although the reference period still matters.

Read the story →

Encoding fingerprints

Different marks · Different jobs

A quick look at the ingredients each icon uses. The marks describe the encoding, not a rating of how 'good' a design is.

Which channels carry information in seven icons
IconPositionWidthColourConnectionsTouch
MinardYesYesYes——
BeckYes—YesYes—
BrailleYes———Yes
NightingaleYes—Yes——
Du BoisYes—Yes——
SnowYes————
HawkinsYes—Yes——

Position means something slightly different on a map, a diagram and inside a tactile Braille cell. That's part of the point.

Sources & further reading

Keep the receipts

Every edition will link back to its original sources, the decisions behind the design and any data used in our reconstructions.

View source notes