Visualising Data with Code

If you like this presentation – show it...

Slide 0

Visualising Data with Code Ri Liu

Slide 1

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

Slide 2

Slide 3


Slide 4


Slide 5


Slide 6


Slide 7

Drawing D3 Graphing (generated) Tableau Processing Highcharts p5 Many Eyes Nodebox Raphael Gephi (network) Sigmajs (network) Two.s CartoDB (mapping) Paper.js Mapbox (mapping) Snap.svg D3 generators (C3, Bokeh)

Slide 8

Slide 9

Slide 10

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

Slide 11

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

Slide 12

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

Slide 13

Transitions motion-data.studiometric.co

Slide 14


Slide 15

1. Look at the Data

Slide 16

2. Make an Ugly Graph

Slide 17

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?

Slide 18

4. Get Inspiration

Slide 19

5. Play with ideas

Slide 20

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

Slide 21

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

Slide 22