By Peter Cook / @animateddata
William Playfair (1805)
http://www.xcellextech.com/Blog/2010/06/designing-interactive-excel-2007-charts/
http://www.nytimes.com/interactive/2013/05/25/sunday-review/corporate-taxes.html
Innovative
Insightful
Interactive
Beautiful
Dynamic
Ubiquitous
Open
Source: Information Dashboard Design, by Stephen Few
www.georgeandjonathan.com
charts.animateddata.co.uk/tennis
Source: GOOD magazine
www.nytimes.com/interactive/2013/05/25/sunday-review/corporate-taxes.html
guns.periscopic.com
charts.animateddata.co.uk/uktemperaturelines
www.georgeandjonathan.com
Lists (e.g. people, events)
Trees (e.g. hierarchies, directory strucures)
Networks (i.e. relationships)
shape
size
position
colour
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.
From 1877
Ask questions of your data
Sketch ideas on paper
Start with something (anything!) and keep improving
SVG and/or Canvas
JavaScript, D3.js
General drawing libraries: Raphael, Snap.svg
Also look at: ractive.js, variance, vega (trifacta)
raw.densitydesign.org
trifacta.github.io/vega/editor
Tableau
Highcharts
FusionCharts
Google Charts
nvd3
datastori.es
thewhyaxis.info
www.visualisingdata.com
Recommended authors: Alberto Cairo, Edward Tufte, Stephen Few, Nathan Yau
Peter Cook / @animateddata / animateddata.co.uk
27th May 7.30pm (Brighton)
www.meetup.com/Data-Visualisation-Brighton-Meetup/