Data Visualization and Mapping using Javascript


Published on

Published in: Technology

Data Visualization and Mapping using Javascript

  1. 1. Visualizing data using maps and other tools Mack Hardy Director at Affinity Bridge Presented Feb 5th, 2013 at NetTuesday Vancouver
  2. 2. Data Visualization as Story Telling
  3. 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. 4. Excel and Google Charts Excel Charts Google Charts
  5. 5. So many other ways to show data
  6. 6. Maps
  7. 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. 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. 9. Lot of Data on Geographic Maps
  10. 10. Meta Data Presentation from Tiles
  11. 11. Fusion Tables
  12. 12. Google Fusion Tables BuildExample of making Choropleth in Fusion Tables
  13. 13. Fusion Tables as a Data Source Chris Herwig from MapBox
  14. 14. Timeline of Events
  15. 15. Fusion Tables - Larger Data Set DataSource?docid=1YHk08Ojrfdsn67tXq5-395UkSIDAuVgTwCHKVwk#map:id=3
  16. 16. CartogramsA map on which statistical information is shown in diagrammatic form.
  17. 17. Scaling Canada by Area Population
  18. 18. Cartogram of population vs parliamentary seats
  19. 19. Ecumene of Canadian Population Source: Canadian Census
  20. 20. Contiguous Cartogram of 2012 US Results Mark Newman, Department of Physics and Center for the Study of Complex Systems, University of Michigan
  21. 21. World Oil Reserves
  22. 22. Making our Visualization Interactive D3 Raphael
  23. 23. Walmart Locations All Hexed Up
  24. 24. Graffiti in Vancouver
  25. 25. Density Map of Christchurch Quakes
  26. 26. Hexbin Graph
  27. 27. Two aspects of dataset shown, plus geography
  28. 28. Earthquakes = Now with Timeline!
  29. 29. Ethics & Open Data Hugh Stimson Geocology Research @geocology
  30. 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. 31. Discussion & Questions @mackaffinity @affinitybridge
  32. 32. Fusion Tables Links D3 Hexbin and Examples Stimson from Geocology