Tweet
Tweet

Slide 1

Slide 1 text

Data visualization Tuesday, June 4, 13

Slide 2

Slide 2 text

Tuesday, June 4, 13

Slide 3

Slide 3 text

Tuesday, June 4, 13

Slide 4

Slide 4 text

don’t show the data: make a point Tuesday, June 4, 13

Slide 5

Slide 5 text

don’t fake it Tuesday, June 4, 13

Slide 6

Slide 6 text

Tuesday, June 4, 13

Slide 7

Slide 7 text

categories charts maps networks Tuesday, June 4, 13

Slide 8

Slide 8 text

more examples Tuesday, June 4, 13

Slide 9

Slide 9 text

policy visualization ‣ Gay rights in the US, Guardian: ‣ http://www.guardian.co.uk/world/ interactive/2012/may/08/gay-rights- united-states ‣ Europe’s Energy ‣ http://energy.publicdata.eu/ Tuesday, June 4, 13

Slide 10

Slide 10 text

budget visualization ‣ WhereDoesMyMoneyGo & OpenSpending ‣ WDMMG: http://wheredoesmymoneygo.org/ ‣ Daily Bread: http://wheredoesmymoneygo.org/dailybread.html ‣ OpenSpending: http://openspending.org/ ‣ New York Times Vis of the US Budget ‣ http://www.nytimes.com/interactive/2012/02/13/us/politics/2013-budget-proposal- graphic.html?_r=0 ‣ XKCD Money Map ‣ http://xkcd.com/980/huge/ Tuesday, June 4, 13

Slide 11

Slide 11 text

beautiful maps ‣ NYT Police use of violence ‣ http://www.nytimes.com/interactive/2012/08/16/nyregion/new- york-police-stop-and-frisk-use-of-force-map.html ‣ NYT Hurricane Sandy ‣ http://www.nytimes.com/newsgraphics/2012/1120-sandy/survey- of-the-flooding-in-new-york-after-the-hurricane.html Tuesday, June 4, 13

Slide 12

Slide 12 text

cartodb ‣ Make your own pretty maps: ‣ http://cartodb.com ‣ Alternatives: ‣ Quantum GIS, http://www.qgis.org/ ‣ Leaflet.js, http://leafletjs.com/ ‣ Data Sources: ‣ OSM: http://openstreetmap.org, http://www.geofabrik.de/data/download.html ‣ Administrative Boundaries: http://gadm.org/ Tuesday, June 4, 13

Slide 13

Slide 13 text

geocoding ‣ OpenStreetMap, Nominatim: http://wiki.openstreetmap.org/ wiki/Nominatim ‣ GeoNames: http://www.geonames.org/ ‣ Google API: https://developers.google.com/maps/ documentation/geocoding/ Tuesday, June 4, 13

Slide 14

Slide 14 text

networks ‣ NPR Developer Deals: http://wamu.org/projects/ developerdeals/ ‣ Gephi: Desktop tool for making network graphics, http:// gephi.org/ ‣ sigma.js: Developer tool for putting networks on the web: http://sigmajs.org/ Tuesday, June 4, 13

Slide 15

Slide 15 text

timelines ‣ Timeline.JS - Make a beautiful timeline from a spreadsheet ‣ Timeliner.js tool: http://timeline.verite.co/ ‣ Example from the FT: http://www.ft.com/intl/cms/s/ 0/0cf6001a-90ed-11e0- acfd-00144feab49a.html#axzz2VA977yUH Tuesday, June 4, 13

Slide 16

Slide 16 text

exercise: datawrapper ‣ DataWrapper: http://datawrapper.de ‣ Test data: http://bit.ly/npawards Tuesday, June 4, 13

Slide 17

Slide 17 text

other visualizations ‣ Power tool for developers: Data-driven documents (D3) ‣ Gallery: https://github.com/mbostock/d3/wiki/Gallery ‣ Calendar view: http://mbostock.github.io/d3/talk/ 20111018/calendar.html Tuesday, June 4, 13