1.
Visualising Data with Code
Ri Liu

2.
Science Art
Graphic Design
Information Design
Journalism
Data Science
Computer Science
Statistics
Creative Coding
Cartography
Data Visualisation

3.
5

4.
mathewlucas.co.uk

5.
guns.periscopic.com/

6.
Tools

7.
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

8.
closethegap.studiometric.co
Enter/Exit
Scales
http://www.jeromecukier.net/blog/2011/08/11/d3-scales-and-color/

9.
ri.id.au/twitter-gender
Force directed layout
ri.id.au/network-diversity-simulation

10.
foreignaffairs.com/infographics/2015-10-15/china-not-rogue-donor
Streamgraph

11.
motion-data.studiometric.co
Transitions

12.
Process

13.
1. Look at the Data

14.
2. Make an Ugly Graph

15.
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?

16.
4. Get Inspiration

17.
5. Play with ideas

18.
www.ri.id.au/closethegap
5. Refine & Publish

19.
twitter.com/riblah
studiometric.co
meetup.com/Data-Visualisation-Melbourne