Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

Visualising Data with Code

Talk for Computer Graphics on the Web

  • Loggen Sie sich ein, um Kommentare anzuzeigen.

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

×