visualising data with code

Visualising Data with CodeRi 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/riblahstudiometric.co

meetup.com/Data-Visualisation-Melbourne