Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Visualising Data with Code

Talk for Computer Graphics on the Web

  • Be the first to comment

Visualising Data with Code

  1. 1. Visualising Data with Code Ri Liu
  2. 2. Science Art Graphic Design Information Design Journalism Data Science Computer Science Statistics Creative Coding Cartography Data Visualisation
  3. 3. 5
  4. 4. mathewlucas.co.uk
  5. 5. guns.periscopic.com/
  6. 6. Tools
  7. 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. 8. closethegap.studiometric.co Enter/Exit Scales http://www.jeromecukier.net/blog/2011/08/11/d3-scales-and-color/
  9. 9. ri.id.au/twitter-gender Force directed layout ri.id.au/network-diversity-simulation
  10. 10. foreignaffairs.com/infographics/2015-10-15/china-not-rogue-donor Streamgraph
  11. 11. motion-data.studiometric.co Transitions
  12. 12. Process
  13. 13. 1. Look at the Data
  14. 14. 2. Make an Ugly Graph
  15. 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. 16. 4. Get Inspiration
  17. 17. 5. Play with ideas
  18. 18. www.ri.id.au/closethegap 5. Refine & Publish
  19. 19. twitter.com/riblah studiometric.co meetup.com/Data-Visualisation-Melbourne

×