Successfully reported this slideshow.

Data Visualization Strategies & Open Source Tools

2,921 views

Published on

Presentation for RefreshDC providing an overview of data visualization strategies and a variety of open source tools to accomplish your goals. The event was made possible by AARP and LivingSocial.

Published in: Technology, Education
  • Be the first to comment

Data Visualization Strategies & Open Source Tools

  1. 1. #dcdataviz Dave Leonard, Phase2 Technology
  2. 2. What I DoSolutions Architect at Phase2 working on #dcdataviz
  3. 3. What I Do Solutions Architect at Phase2 working on •• Requirements ElicitationUser Exp and Info Arch Customer Training •• Drupal Consulting • Content Migration Planning Stuff (QA) • Break #dcdataviz
  4. 4. What I Don’t Do #dcdataviz
  5. 5. What I Don’t Do Write code Act pretentious #dcdataviz
  6. 6. Why We’re Here Data visualization concepts, strategies,examples and tools (primarily open-source) #dcdataviz
  7. 7. The ChallengeMassive amounts of data becoming available, how do we make sense of it all? #dcdataviz
  8. 8. The ChallengeMassive amounts of data becoming available, how do we make sense of it all? Semantic Web Open Better Methods Government (i.e. APIs) and Other #dcdataviz
  9. 9. Data vs Display“What” variables were measured vs “how” you visually represent them #dcdataviz
  10. 10. Types of Data Quantitative and qualitative #dcdataviz Data vs Display
  11. 11. Quantitative Data Precise, standardized numerical measurements #dcdataviz Data vs Display
  12. 12. Quantitative Data Precise, standardized numerical measurements3.75 mph 98° 17’ 15” N, 45° 9.85 mi average 10’ 6” W #dcdataviz Data vs Display
  13. 13. Qualitative DataCategorical data with varying degrees of precision #dcdataviz Data vs Display
  14. 14. Qualitative Data Categorical data with varying degrees of precision 40% of Arlington 60% of 87% of DC residents are Arlington residentssatisfied with their residents vote living situation #dcdataviz Data vs Display
  15. 15. Using Qualitative Data Establish a quantifiable spectrum for collection and presentation #dcdataviz Data vs Display
  16. 16. Using Qualitative Data Establish a quantifiable spectrum for collection andhow satisfied are On a 1 - 10 scale, presentation you with living in Arlington? (1 = not satisfied, 5 = somewhat satisfied, 10 = extremely satisfied) #dcdataviz Data vs Display
  17. 17. Display“How” dimensions are visually represented (other than text) #dcdataviz Data vs Display
  18. 18. Display“How” dimensions are visually represented (other than text) Width Position Color* Icons Length Radius Opacity Shapes #dcdataviz Data vs Display
  19. 19. Data + DisplayMapping data dimensions to visual representations intuitively #dcdataviz
  20. 20. FATA: Inside Pakistan’s Tribal Regions http://preparedness.interaction.org/#dcdataviz Data + Display
  21. 21. FATA: Inside Pakistan’s Tribal Regions http://preparedness.interaction.org/#dcdataviz Data + Display
  22. 22. Visual NoiseExcessive visual stimuli that distract from the intended purpose #dcdataviz
  23. 23. #dcdataviz Visual Noise
  24. 24. “ The mostimportant consideration whendesigning for efficiency is thatevery bit of visual content willmake it take longer to find anyparticular element in thefrom “Beautiful - Noah Iliinsky, excerptedvisualization. Visualization: How To Make it Efficient” http://is.gd/Qc1BWF #dcdataviz Visual Noise
  25. 25. #dcdataviz Visual Noise
  26. 26. #dcdataviz Visual Noise
  27. 27. #dcdataviz Visual Noise
  28. 28. #dcdataviz Visual Noise
  29. 29. “ You’re showingme a lot, but what are you tryingto say?Your Brain, excerpted from “Why Should I - Care About What I’m Looking At?” #dcdataviz Visual Noise
  30. 30. #dcdataviz Visual Noise
  31. 31. #dcdataviz Visual Noise
  32. 32. #dcdataviz Visual Noise
  33. 33. #dcdataviz Visual Noise
  34. 34. #dcdataviz Visual Noise
  35. 35. #dcdataviz Visual Noise
  36. 36. #dcdataviz Visual Noise
  37. 37. #dcdataviz Visual Noise
  38. 38. PresentationsDemonstrative vs investigative visualizations #dcdataviz
  39. 39. Presentations Demonstrative vs investigative visualizationsLess MoreUser User Demonstrative Investigative #dcdataviz
  40. 40. DemonstrativeAUTHOR dictates your conclusions #dcdataviz
  41. 41. #dcdataviz Demonstrative Presentations
  42. 42. #dcdataviz Demonstrative Presentations
  43. 43. #dcdataviz Demonstrative Presentations
  44. 44. #dcdataviz Demonstrative Presentations
  45. 45. #dcdataviz Demonstrative Presentations
  46. 46. InvestigativeEmpowering YOU to draw your own conclusions #dcdataviz
  47. 47. #dcdataviz Investigative Presentations
  48. 48. #dcdataviz Investigative Presentations
  49. 49. #dcdataviz Investigative Presentations
  50. 50. #dcdataviz Investigative Presentations
  51. 51. #dcdataviz Investigative Presentations
  52. 52. #dcdataviz Investigative Presentations
  53. 53. #dcdataviz Investigative Presentations
  54. 54. Pave The WayCompelling demonstration spurs investigation #dcdataviz
  55. 55. #dcdataviz Pave The Way
  56. 56. #dcdataviz Pave The Way
  57. 57. #dcdataviz Pave The Way
  58. 58. #dcdataviz Pave The Way
  59. 59. #dcdataviz Pave The Way
  60. 60. #dcdataviz Pave The Way
  61. 61. #dcdataviz Pave The Way
  62. 62. Tools UsedamCharts - Flash and Javascript/HTML5 #dcdataviz Pave The Way
  63. 63. Tools UsedamCharts - Flash and Javascript/HTML5 #dcdataviz Pave The Way
  64. 64. Tools UsedamCharts - Flash and Javascript/HTML5 #dcdataviz Pave The Way
  65. 65. Open SourceEffective presentations built using freely-available, collaborative code #dcdataviz
  66. 66. Mapping Using open source tools#dcdataviz
  67. 67. #dcdataviz Open Source Mapping
  68. 68. #dcdataviz Open Source Mapping
  69. 69. #dcdataviz Open Source Mapping
  70. 70. #dcdataviz Open Source Mapping
  71. 71. #dcdataviz Open Source Mapping
  72. 72. #dcdataviz Open Source Mapping
  73. 73. #dcdataviz Open Source Mapping
  74. 74. #dcdataviz Open Source Mapping
  75. 75. #dcdataviz Open Source Mapping
  76. 76. #dcdataviz Open Source Mapping
  77. 77. Tools#dcdataviz Open Source Mapping
  78. 78. ToolsMapBox, TileMill, and TilestreamHighlightedFeatures:• Attractive, customtile designs• Cloud-basedstorage/delivery oftiles• iPad compatibilityfor offline viewingLearn More: #dcdataviz Open Source Mapping
  79. 79. More MapBox #dcdataviz
  80. 80. #dcdataviz Open Source Mapping
  81. 81. #dcdataviz Open Source Mapping
  82. 82. #dcdataviz Open Source Mapping
  83. 83. #dcdataviz More MapBox
  84. 84. #dcdataviz More MapBox
  85. 85. #dcdataviz More MapBox
  86. 86. #dcdataviz More MapBox
  87. 87. #dcdataviz More MapBox
  88. 88. Charting#dcdataviz
  89. 89. #dcdataviz Open Source Charting
  90. 90. Candlestick Chart#dcdataviz Open Source Charting
  91. 91. ToolsjqPlot - A plotting and charting plugin for thejQuery Javascript frameworkHighlighted Candlestick Chart Code Sample:Features:• Tool tip support• Drag and drop ofdata points in UI• Computed trendlinesLearn More: #dcdataviz Open Source Charting
  92. 92. Trending#dcdataviz
  93. 93. #dcdataviz Open Source Trending
  94. 94. #dcdataviz Open Source Trending
  95. 95. #dcdataviz Open Source Trending
  96. 96. #dcdataviz Open Source Trending
  97. 97. #dcdataviz Open Source Trending
  98. 98. Tools Usedflot - jQuery-based Javascript libraryHighlighted Learn More:Features: http://code.google.com/p/flot• Drupal integrationvia Flot module Development Seed Blog Post http://is.gd/LvYXsM• Interactive chartswith tooltip support• Panning andzooming capabilities #dcdataviz Open Source Trending
  99. 99. Timelines#dcdataviz
  100. 100. #dcdataviz Open Source Timelines
  101. 101. Timeplot - SIMILE Project#dcdataviz Open Source Timelines
  102. 102. Timeplot - SIMILE Project#dcdataviz Open Source Timelines
  103. 103. Tools UsedTimeplot - DHTML/AJAX-based widget forplotting time series and overlay time-basedHighlighted Code Sample:Features:• Timelines• Graphing• Layering of eventtimelines with datatrendingLearn More: #dcdataviz Open Source Timelines
  104. 104. Infographics#dcdataviz
  105. 105. #dcdataviz Open Source Infographics
  106. 106. #dcdataviz Open Source Infographics
  107. 107. #dcdataviz Open Source Infographics
  108. 108. Wrap-Up#dcdataviz
  109. 109. Takeaways#dcdataviz
  110. 110. Takeaways• Know your audience and be realistic about #dcdataviz
  111. 111. Takeaways• Know your audience and be realistic about• Plan your presentation, THEN figure out whattools you need to execute it. #dcdataviz
  112. 112. Takeaways• Know your audience and be realistic about• Plan your presentation, THEN figure out whattools you need to execute it.• Attractive visuals are useless without clearly-defined and executed goals #dcdataviz
  113. 113. Takeaways• Know your audience and be realistic about• Plan your presentation, THEN figure out whattools you need to execute it.• Attractive visuals are useless without clearly-defined and executed goals• An abundance of highly-capable, open-sourcetools is available for you to use and improve. #dcdataviz
  114. 114. Thank You!Thanks to all who attended, and to these organizations who made this possible: #dcdataviz

×