visualizing data to tell your story
play

Visualizing Data to Tell Your Story November 16, 2016 2 Slide 1 - PowerPoint PPT Presentation

Visualizing Data to Tell Your Story November 16, 2016 2 Slide 1 2 Go to slide master view and add unique titles to all slides. They will not be visible, but will be used by screen readers. tOSU uCOM, 12/28/2015 1 UNIVERSITY LIBRARIES Data


  1. Visualizing Data to Tell Your Story November 16, 2016 2

  2. Slide 1 2 Go to slide master view and add unique titles to all slides. They will not be visible, but will be used by screen readers. tOSU uCOM, 12/28/2015

  3. 1 UNIVERSITY LIBRARIES Data visualization is not new 2

  4. Slide 2 1 add alt text to all graphics including photos, charts, and shapes. Right click the object, choose format shape, then edit the alt text title and description. tOSU uCOM, 12/28/2015

  5. UNIVERSITY LIBRARIES 3 https://en.wikipedia.org/wiki/Nautical_chart#/media/File:Fern%C3%A3o_Vaz_Dourado_1571-1.jpg

  6. UNIVERSITY LIBRARIES https://en.wikipedia.org/wiki/William_Playfair 4

  7. UNIVERSITY LIBRARIES 5 https://en.wikipedia.org/wiki/William_Playfair

  8. UNIVERSITY LIBRARIES 6 https://en.wikipedia.org/wiki/William_Playfair

  9. UNIVERSITY LIBRARIES 7 https://en.wikipedia.org/wiki/William_Playfair

  10. UNIVERSITY LIBRARIES 8 http://www.bl.uk/learning/histcitizen/21cc/publichealth/sources/source5/mapofleeds.html

  11. UNIVERSITY LIBRARIES 9 https://en.wikipedia.org/wiki/William_Playfair

  12. UNIVERSITY LIBRARIES 10

  13. UNIVERSITY LIBRARIES 11 http://www.bl.uk/learning/histcitizen/21cc/publichealth/sources/source5/mapofleeds.html

  14. UNIVERSITY LIBRARIES 12

  15. UNIVERSITY LIBRARIES Data visualization “… all types of visual representations that support the exploration, examination, and communication of data.” -Stephen Few Now You See It: Simple Visualization Techniques for Quantitative Analysis 13

  16. UNIVERSITY LIBRARIES “When we represent quantitative information in visual form, our ability to think about it is dramatically enhanced. Visual representation not only make the patterns, trends, and exceptions in numbers visible and understandable, they also extend the capacity of our memory.” -Stephen Few Now You See It: Simple Visualization Techniques for Quantitative Analysis 14

  17. UNIVERSITY LIBRARIES General Benefits of Data Visualization 1. Great visualizations are efficient; 2. Visualizations can help groups achieve more insight into the nature of a problem and discover new understanding; and 3. Great visualizations create a shared view of a situation and align folks on needed actions. -John Sviolkla “Swimming in Data?” 15

  18. UNIVERSITY LIBRARIES Graphic displays are often very effective at communicating information 16

  19. UNIVERSITY LIBRARIES Graphic displays are also often not effective at communicating information 17

  20. UNIVERSITY LIBRARIES Tools for collecting library data Survey software Qualtrics, SurveyMonkey Free tools Google Forms, Google Analytics Proprietary tools People counters, LibAnalytics/LibAnswers, ProQuest 360 Core 18

  21. UNIVERSITY LIBRARIES Tools for analyzing library data Access Excel R SAS SPSS Tableau 19

  22. UNIVERSITY LIBRARIES Tools for visualizing library data Adobe Illustrator R Chart.js SAS Datawrapper SPSS D3.js Tableau Excel Timeline JS Google Charts Piktochart 20

  23. UNIVERSITY LIBRARIES Tools for visualizing library data Adobe Illustrator https://helpx.adobe.com/illustrator/using/graphs.html 21

  24. UNIVERSITY LIBRARIES http://www.chartjs.org/ 22

  25. UNIVERSITY LIBRARIES https://www.datawrapper.de/gallery/ 23

  26. UNIVERSITY LIBRARIES D3.js https://d3js.org/ 24

  27. UNIVERSITY LIBRARIES Excel https://products.office.com/en-us/excel 25

  28. UNIVERSITY LIBRARIES Google Charts https://developers.google.com/chart/interactive/docs/gallery 26

  29. UNIVERSITY LIBRARIES Piktochart https://piktochart.com/ 27

  30. UNIVERSITY LIBRARIES R https://www.r-project.org/ 28

  31. UNIVERSITY LIBRARIES SAS https://support.sas.com/sassamples/graphgallery/ 29

  32. UNIVERSITY LIBRARIES Timeline https://timeline.knightlab.com/ 30

  33. UNIVERSITY LIBRARIES Tableau https://public.tableau.com/en-us/s/gallery/scripps-national-spelling-bee-difficulty/ 31

  34. UNIVERSITY LIBRARIES Stephen Few Now you see it: Simple visualization techniques for quantitative analysis. 32

  35. UNIVERSITY LIBRARIES Stephen Few Information Dashboard Design: Displaying Data for At-A-Glance Monitoring . 33

  36. UNIVERSITY LIBRARIES Dona M. Wong The Wall Street Journal Guide to Information Graphics 34

  37. UNIVERSITY LIBRARIES Cole Nussbaumer Knaflic Storytelling With Data: A Data Visualization Guide for Business Professionals . 35

  38. UNIVERSITY LIBRARIES Best Practices for Designing Effective Visualizations • Know your audience • Provide context and incorporate instructions • Add interactivity • Apply visual best practices 36

  39. UNIVERSITY LIBRARIES Know your audience 37

  40. UNIVERSITY LIBRARIES https://public.tableau.com/en-us/s/gallery/endangered-safari 38

  41. UNIVERSITY LIBRARIES 39 http://go.osu.edu/GateCount

  42. UNIVERSITY LIBRARIES Provide context and incorporate instructions 40

  43. UNIVERSITY LIBRARIES http://vizcandy.blogspot.ca/p/tableau-8-redoux.html 41

  44. UNIVERSITY LIBRARIES https://public.tableau.com/en-us/s/gallery/weekly-news-iron-viz-2015-champion 42

  45. UNIVERSITY LIBRARIES Add interactivity 43

  46. UNIVERSITY LIBRARIES https://public.tableau.com/en-us/s/gallery/scripps-national-spelling-bee-difficulty 44

  47. UNIVERSITY LIBRARIES Apply visual best practices 45

  48. UNIVERSITY LIBRARIES What are visual best practices? • Choose the right chart type for the data and the purpose of the visualization • Emphasize the most important data • Less is usually better • Limit colors and use color and fonts consistently • Use space efficiently 46

  49. UNIVERSITY LIBRARIES Select an appropriate view for your data http://blog.darkhorseanalytics.com/salvaging-the-pie 47

  50. UNIVERSITY LIBRARIES Pie Chart 48

  51. UNIVERSITY LIBRARIES Horizontal vs. Vertical Bar Chart Example from: http://www.storytellingwithdata.com/blog/2012/10/my- 49 penchant-for-horizontal-bar-graphs

  52. UNIVERSITY LIBRARIES Horizontal vs. Vertical Bar Chart Example from: http://www.storytellingwithdata.com/blog/2012/10/my- 50 penchant-for-horizontal-bar-graphs

  53. UNIVERSITY LIBRARIES 51

  54. UNIVERSITY LIBRARIES Discrete vs. Continuous Dates 52

  55. UNIVERSITY LIBRARIES Discrete vs. Continuous Dates http://go.osu.edu/GateCount 53

  56. UNIVERSITY LIBRARIES Discrete vs. Continuous Dates 54

  57. UNIVERSITY LIBRARIES Discrete vs. Continuous Dates 55

  58. UNIVERSITY LIBRARIES Small Multiples 56

  59. UNIVERSITY LIBRARIES Scatterplots: View Correlations 57

  60. UNIVERSITY LIBRARIES Mapping http://go.osu.edu/REACH-Dashboard 58

  61. UNIVERSITY LIBRARIES Word Clouds http://go.osu.edu/OSUL_HumanTraffickingAwareness 59

  62. UNIVERSITY LIBRARIES Tree Maps 60

  63. UNIVERSITY LIBRARIES Tree Maps https://en.wikipedia.org/wiki/Small_multiple 61

  64. UNIVERSITY LIBRARIES Histograms & Box & Whisker Plots 62

  65. UNIVERSITY LIBRARIES Histograms & Box & Whisker Plots 63

  66. UNIVERSITY LIBRARIES Join & Blend Data 64

  67. UNIVERSITY LIBRARIES Data visualization ≠ data narrative 65

  68. UNIVERSITY LIBRARIES The data narrative Context Clarity Emotional connection Engagement 66

  69. UNIVERSITY LIBRARIES Storytelling with data “I think people have begun to forget how powerful human stories are, exchanging their sense of empathy for a fetishistic fascination with data, networks, patterns, and total information … Really, the data is just part of the story. The human stuff is the main stuff, and the data should enrich it.” Jonathan Harris, Creator We Feel Fine http://number27.org/wefeelfine 67

  70. UNIVERSITY LIBRARIES Narrative “An account of a series of events, facts, etc., given in order and with the establishing of connections between them; a narration, a story, and account.” Oxford English Dictionary 68

  71. UNIVERSITY LIBRARIES Design of the data narrative -Edward Segel and Jeffrey Heer “Narrative visualization: telling stories with data” 69

  72. UNIVERSITY LIBRARIES Design of the data narrative Author-Driven Reader-Driven Linear ordering of scenes No prescribed ordering Heavy messaging No messaging No interactivity Free interactivity -Edward Segel and Jeffrey Heer “Narrative visualization: telling stories with data” 70

  73. UNIVERSITY LIBRARIES Visual narrative tactics 1. Visual structuring 2. Highlighting 3. Transition guidance -Edward Segel and Jeffrey Heer “Narrative visualization: telling stories with data” 71

  74. UNIVERSITY LIBRARIES Narrative structure tactics 1. Ordering 2. Interactivity 3. Messaging -Edward Segel and Jeffrey Heer “Narrative visualization: telling stories with data” 72

  75. UNIVERSITY LIBRARIES Examples Chronicle of Higher Education Where Does Your Freshman Class Come From? http://www.chronicle.com/interactives/where-does- your-freshman-class-come-from#id=inst_204796 Bread for the World Institute Unmasking Hidden Hunger https://public.tableau.com/profile/derek4529#!/vizh ome/UnmaskingHiddenHunger_0/TheNewFaceofH unger 73

Recommend


More recommend