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

22,337 views

Published on

Talk for Computer Graphics on the Web

  • It was never so easy to translate your dreams into reality by just working online living at your home. Spend few hours in working and get your high share. It’s awesome site offering you best answer of your problems. Here is........ www.jobsthings.com
       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://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

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

×