William Playfair (1805)
Source: Information Dashboard Design, by Stephen Few
Source: GOOD magazine
Lists (e.g. people, events)
Trees (e.g. hierarchies, directory strucures)
Networks (i.e. relationships)
Data visualisation be thought of as:
"the transformation of data into visual marks"
Data mapped to rectangles
Data mapped to circles
We're not thinking in terms of bar charts, pie charts etc.
Instead we're asking:
How we can transform our data into shape, size, position & colour?
We can get more creative with data...
Spreadsheet from tennis-data.co.uk
Single table, each row represents a single match
Each match consists of: round, winner, loser, ATP points, games won in each set etc.
Ask questions of your data
Sketch ideas on paper
Start with something (anything!) and keep improving
SVG and/or Canvas
General drawing libraries: Raphael, Snap.svg
Also look at: ractive.js, variance, vega (trifacta)
Recommended authors: Alberto Cairo, Edward Tufte, Stephen Few, Nathan Yau
Peter Cook / @animateddata / animateddata.co.uk
27th May 7.30pm (Brighton)