Your SlideShare is downloading. ×
Data Visualization and Mapping using Javascript
Upcoming SlideShare
Loading in...5

Thanks for flagging this SlideShare!

Oops! An error has occurred.


Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

Data Visualization and Mapping using Javascript


Published on

Published in: Technology

  • Be the first to comment

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

No notes for slide


  • 1. Visualizing data using maps and other tools Mack Hardy Director at Affinity Bridge Presented Feb 5th, 2013 at NetTuesday Vancouver
  • 2. Data Visualization as Story Telling
  • 3. Steps of Data VisualizationAcquire : Obtain the dataParse : Provide some structure for the datas meaningFilter : Remove all but the data of interest.Mine : Apply methods from statistics or data mining as a way to discernpatterns or place the data in mathematical context.Represent : Choose a basic visual model, such as a bar graph, list, or tree.Refine : Improve the basic representation to make it clearer and morevisually engaging.Interact : Add methods for manipulating the data or controlling whatfeatures are visible. Oreilly book "Vizualizing Data " by Ben Fry
  • 4. Excel and Google Charts Excel Charts Google Charts
  • 5. So many other ways to show data
  • 6. Maps
  • 7. Story Telling with Geographic Maps Vision Vancouver Delivers Shale Gas Development in Fort Nelson Geography provides the context for the story we are telling
  • 8. Composite layers on mapsIn our casebase map satellite imagestilestache provides the data layersfrom PostGIS via mapnikleaflet map definition points to layersin the layer switcher Image credit
  • 9. Lot of Data on Geographic Maps
  • 10. Meta Data Presentation from Tiles
  • 11. Fusion Tables
  • 12. Google Fusion Tables BuildExample of making Choropleth in Fusion Tables
  • 13. Fusion Tables as a Data Source Chris Herwig from MapBox
  • 14. Timeline of Events
  • 15. Fusion Tables - Larger Data Set DataSource?docid=1YHk08Ojrfdsn67tXq5-395UkSIDAuVgTwCHKVwk#map:id=3
  • 16. CartogramsA map on which statistical information is shown in diagrammatic form.
  • 17. Scaling Canada by Area Population
  • 18. Cartogram of population vs parliamentary seats
  • 19. Ecumene of Canadian Population Source: Canadian Census
  • 20. Contiguous Cartogram of 2012 US Results Mark Newman, Department of Physics and Center for the Study of Complex Systems, University of Michigan
  • 21. World Oil Reserves
  • 22. Making our Visualization Interactive D3 Raphael
  • 23. Walmart Locations All Hexed Up
  • 24. Graffiti in Vancouver
  • 25. Density Map of Christchurch Quakes
  • 26. Hexbin Graph
  • 27. Two aspects of dataset shown, plus geography
  • 28. Earthquakes = Now with Timeline!
  • 29. Ethics & Open Data Hugh Stimson Geocology Research @geocology
  • 30. Guide to publishing data responsibly How to know if you’re doing it right Here are the main questions to ask yourself to ensure you publish data responsibly. 1. Why publish this? Who could be harmed? Is the data accurate? Is it relevant to your story? 2. Why not publish this? 3. How best to publish this? What facets of the data are truly essential?
  • 31. Discussion & Questions @mackaffinity @affinitybridge
  • 32. Fusion Tables Links D3 Hexbin and Examples Stimson from Geocology