1. Intro to Data Visualisation

2. Data-Driven Journalism

4. "Communicating
complex data and
intricate ideas through
clear and beautiful
visual storytelling."
- Tobias Sturt – Design Manager, The Guardian Digital Agency

5. http://www.100yearsofworldcuisine.com/

6. http://www.guardian.co.uk/world/interactive/2012/may/08/gay-rights-united-states

7. http://partylines.theglobalmail.org/

8. http://www.smh.com.au/data-point/census-2012

9. http://connectedchina.reuters.com/

10. http://www.guardian.co.uk/news/datablog/2012/dec/04/government-spending-department-2011-12

11. http://www.visualisingdata.com/index.php/
2013/04/discussion-storytelling-and-
success-stories/
http://awesome.good.is/transparency/web/
0906/trans0609largestbankruptciee s.html

12. http://www.abc.net.au/mediawatch/transcripts/s3694586.htm

13. What Makes a Good Infographic?
• Data
• Design
• Story
• Shareability
http://dashburst.com/chart/what-makes-a-good-infographic/

14. Story
• Data visualisations may be
– Insightful vs Infotainment
– Exploratory vs Explanatory

15. Design
• Graphical layout and design
– Colours & Typeface
– Proximity & placement
– Accessibility
• Interaction / User Experience Design
– Static vs interactive
– Mobile device / touch support?
• Custom design vs using existing tools and
visualisation techniques

16. http://visualizing.org/stories/taxonomy-data-visualization

17. http://www.visual-literacy.org/periodic_table/periodic_table.html

18. Data
• Data Sources
– Open Data e.g. http://data.gov.au/
– Scraping e.g. https://scraperwiki.com/
– Cite your data sources!
• Preparing Data:
– Filter & Clean
– Tools:
• DataWrangler,
• OpenRefine
• CSVKit https://github.com/onyxfish/csvkit
• Tabula
http://source.mozillaopennews.org/en-US/articles/introducing-tabula/
Online
App
Tool
Tool

19. Data Wrangler
Online App: http://vis.stanford.edu/wrangler/
Online

20. Open Refine
(Formerly Google Refine) http://openrefine.org/ App

21. Data Visualisation Tools
• Off-the-shelf apps and services for creating:
– Maps
– Charts
– Timelines
– Network diagrams
– And more…

22. MAPS

23. Color Brewer
http://colorbrewer2.com/ Online

24. Open Heat Map
http://www.openheatmap.com/ Online

25. Google Fusion Tables
https://drive.google.com/ Online

26. MapBox TileMill
http://mapbox.github.io/tilemill/index.html App

27. Basic Charts
• Excel or OpenOffice.org Calc
• Google Charts and Google Fusion Tables
– http://imagecharteditor.appspot.com/
Online
App

28. Infogr.am
http://infogr.am/ Online

29. Data Wrapper
Onlinehttp://datawrapper.de/

30. Timelines
Google Fusion Tables
https://github.com/FlowingMedia/TimeFlow/wiki
App
Online
Time Flow

31. NETWORK DIAGRAMS

32. Gephi
http://gephi.org/ App

33. Many Eyes
http://www-958.ibm.com/software/analytics/manyeyes/ Online

34. AND MORE…

35. Many Eyes

36. Word clouds - Tagxedo
http://www.tagxedo.com/ Online

37. Tableau Public
http://www.tableausoftware.com/public/
(Windows only)
http://www.tableausoftware.com/public/gallery/making-pay-gap-look-good
http://www.tableausoftware.com/public/gallery/breaking-law-canadian-style
App

38. Shareability
• Vector Graphics software:
– Adobe Illustrator
– Inkscape http://inkscape.org/
• Publish zoomable infographics online:
– http://www.closr.it/
– http://zoom.it/
• Tracking impact:
– Google analytics http://www.google.com/analytics/
– Pixel-ping http://documentcloud.github.io/pixel-ping/
App
App
Online
Online
Online
Tool

39. Advanced Techniques
• For creating custom, interactive
visualisations (some coding required):
– R http://www.r-project.org/
– Processing http://processing.org/
– Visualisation code libraries e.g.
• Data-Driven Documents (D3) http://d3js.org/
• Prefuse http://prefuse.org/

40. Resources
• Videos:
– http://datajournalism.stanford.edu/
– http://teachingtosee.org/film/TeachingToSee.html
• Podcast:
– http://datastori.es/
• Websites:
– http://www.visualizing.org/
– http://visual.ly/
– http://flowingdata.com/
– http://www.visualcomplexity.com/vc/
– http://www.informationisbeautiful.net/

41. Books
• Data Journalism Handbook
– http://datajournalismhandbook.org/1.0/en/
• The Back of the Napkin: Solving Problems and
Selling Ideas with Pictures - Dan Roam
• The Wall Street Journal Guide to Information
Graphics: The Dos and Don'ts of Presenting Data,
Facts, and Figures - Donna M. Wong
• Show Me the Numbers: Designing Tables and
Graphs to Enlighten - Stephen Few