KEMBAR78
Visualising Data with Code | PDF
Visualising Data with Code
Ri Liu
Science Art
Graphic Design

Information Design

Journalism
Data Science

Computer Science

Statistics
Creative Coding

Cartography
Data Visualisation
5
mathewlucas.co.uk
guns.periscopic.com/
Tools
Drawing Graphing (generated)
Tableau
Highcharts
Many Eyes
Gephi (network)
Sigmajs (network)
CartoDB (mapping)
Mapbox (mapping)
D3 generators (C3, Bokeh)
D3
Processing
p5
Nodebox
Raphael
Two.s
Paper.js
Snap.svg
closethegap.studiometric.co
Enter/Exit
Scales
http://www.jeromecukier.net/blog/2011/08/11/d3-scales-and-color/
ri.id.au/twitter-gender
Force directed layout
ri.id.au/network-diversity-simulation
foreignaffairs.com/infographics/2015-10-15/china-not-rogue-donor
Streamgraph
motion-data.studiometric.co
Transitions
Process
1. Look at the Data
2. Make an Ugly Graph
3. Ask some questions
Which countries are the best/worst for gender equality?
What is the difference between men and women in each
country?
Which countries have improved/worsened throughout
time?
How do countries compare in gender equality?
4. Get Inspiration
5. Play with ideas
www.ri.id.au/closethegap
5. Refine & Publish
twitter.com/riblah
studiometric.co
meetup.com/Data-Visualisation-Melbourne

Visualising Data with Code