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

21,051 views

Published on

Talk for Computer Graphics on the Web

  • Want to preview some of our plans? You can get 50 Woodworking Plans and a 440-Page "The Art of Woodworking" Book... Absolutely FREE ●●● http://tinyurl.com/yy9yh8fu
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Want to preview some of our plans? You can get 50 Woodworking Plans and a 440-Page "The Art of Woodworking" Book... Absolutely FREE ➤➤ http://tinyurl.com/yy9yh8fu
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Want to preview some of our plans? You can get 50 Woodworking Plans and a 440-Page "The Art of Woodworking" Book... Absolutely FREE  http://ishbv.com/tedsplans/pdf
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Get access to 16,000 woodworking plans, Download 50 FREE Plans... ◆◆◆ http://tinyurl.com/yy9yh8fu
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • How to Grip Her Attention - Unlock Her Legs ♣♣♣ https://tinyurl.com/y52uv4vq
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

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

×