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

▶
visualizing data to tell your story
SMART_READER_LITE
LIVE PREVIEW

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

Oct 07, 2022 421 likes •1.22k views

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

slide-1
SLIDE 1

Visualizing Data to Tell Your Story

November 16, 2016

2

slide-2
SLIDE 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

slide-3
SLIDE 3

2

UNIVERSITY LIBRARIES

Data visualization is not new

1

slide-4
SLIDE 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

slide-5
SLIDE 5

3

UNIVERSITY LIBRARIES

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

slide-6
SLIDE 6

4

UNIVERSITY LIBRARIES

https://en.wikipedia.org/wiki/William_Playfair

slide-7
SLIDE 7

5

UNIVERSITY LIBRARIES

https://en.wikipedia.org/wiki/William_Playfair

slide-8
SLIDE 8

6

UNIVERSITY LIBRARIES

https://en.wikipedia.org/wiki/William_Playfair

slide-9
SLIDE 9

7

UNIVERSITY LIBRARIES

https://en.wikipedia.org/wiki/William_Playfair

slide-10
SLIDE 10

8

UNIVERSITY LIBRARIES

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

slide-11
SLIDE 11

9

UNIVERSITY LIBRARIES

https://en.wikipedia.org/wiki/William_Playfair

slide-12
SLIDE 12

10

UNIVERSITY LIBRARIES

slide-13
SLIDE 13

11

UNIVERSITY LIBRARIES

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

slide-14
SLIDE 14

12

UNIVERSITY LIBRARIES

slide-15
SLIDE 15

13

UNIVERSITY LIBRARIES

“… all types of visual representations that support the exploration, examination, and communication of data.”

Data visualization

  • Stephen Few

Now You See It: Simple Visualization Techniques for Quantitative Analysis

slide-16
SLIDE 16

14

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

slide-17
SLIDE 17

15

  • 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
  • f a situation and align folks on needed

actions.

UNIVERSITY LIBRARIES

General Benefits of Data Visualization

  • John Sviolkla

“Swimming in Data?”

slide-18
SLIDE 18

16

UNIVERSITY LIBRARIES

Graphic displays are often very effective at communicating information

slide-19
SLIDE 19

17

UNIVERSITY LIBRARIES

Graphic displays are also often not effective at communicating information

slide-20
SLIDE 20

18

Survey software

Qualtrics, SurveyMonkey

Free tools

Google Forms, Google Analytics

Proprietary tools

People counters, LibAnalytics/LibAnswers, ProQuest 360 Core

UNIVERSITY LIBRARIES

Tools for collecting library data

slide-21
SLIDE 21

19

Access Excel R SAS SPSS Tableau

UNIVERSITY LIBRARIES

Tools for analyzing library data

slide-22
SLIDE 22

20

Adobe Illustrator Chart.js Datawrapper D3.js Excel Google Charts Piktochart R SAS SPSS Tableau Timeline JS

UNIVERSITY LIBRARIES

Tools for visualizing library data

slide-23
SLIDE 23

21

UNIVERSITY LIBRARIES

Tools for visualizing library data

https://helpx.adobe.com/illustrator/using/graphs.html

Adobe Illustrator

slide-24
SLIDE 24

22

UNIVERSITY LIBRARIES

http://www.chartjs.org/

slide-25
SLIDE 25

23

UNIVERSITY LIBRARIES

https://www.datawrapper.de/gallery/

slide-26
SLIDE 26

24

UNIVERSITY LIBRARIES

https://d3js.org/

D3.js

slide-27
SLIDE 27

25

UNIVERSITY LIBRARIES

https://products.office.com/en-us/excel

Excel

slide-28
SLIDE 28

26

UNIVERSITY LIBRARIES

https://developers.google.com/chart/interactive/docs/gallery

Google Charts

slide-29
SLIDE 29

27

UNIVERSITY LIBRARIES

https://piktochart.com/

Piktochart

slide-30
SLIDE 30

28

UNIVERSITY LIBRARIES

https://www.r-project.org/

R

slide-31
SLIDE 31

29

UNIVERSITY LIBRARIES

https://support.sas.com/sassamples/graphgallery/

SAS

slide-32
SLIDE 32

30

UNIVERSITY LIBRARIES

https://timeline.knightlab.com/

Timeline

slide-33
SLIDE 33

31

UNIVERSITY LIBRARIES

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

Tableau

slide-34
SLIDE 34

32

UNIVERSITY LIBRARIES

Stephen Few

Now you see it: Simple visualization techniques for quantitative analysis.

slide-35
SLIDE 35

33

UNIVERSITY LIBRARIES

Stephen Few

Information Dashboard Design: Displaying Data for At-A-Glance Monitoring.

slide-36
SLIDE 36

34

UNIVERSITY LIBRARIES

Dona M. Wong

The Wall Street Journal Guide to Information Graphics

slide-37
SLIDE 37

35

UNIVERSITY LIBRARIES

Cole Nussbaumer Knaflic

Storytelling With Data: A Data Visualization Guide for Business Professionals.

slide-38
SLIDE 38

36

  • Know your audience
  • Provide context and incorporate

instructions

  • Add interactivity
  • Apply visual best practices

UNIVERSITY LIBRARIES

Best Practices for Designing Effective Visualizations

slide-39
SLIDE 39

37

UNIVERSITY LIBRARIES

Know your audience

slide-40
SLIDE 40

38

UNIVERSITY LIBRARIES

https://public.tableau.com/en-us/s/gallery/endangered-safari

slide-41
SLIDE 41

39

UNIVERSITY LIBRARIES

http://go.osu.edu/GateCount

slide-42
SLIDE 42

40

UNIVERSITY LIBRARIES

Provide context and incorporate instructions

slide-43
SLIDE 43

41

UNIVERSITY LIBRARIES

http://vizcandy.blogspot.ca/p/tableau-8-redoux.html

slide-44
SLIDE 44

42

UNIVERSITY LIBRARIES

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

slide-45
SLIDE 45

43

UNIVERSITY LIBRARIES

Add interactivity

slide-46
SLIDE 46

44

UNIVERSITY LIBRARIES

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

slide-47
SLIDE 47

45

UNIVERSITY LIBRARIES

Apply visual best practices

slide-48
SLIDE 48

46

  • 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

UNIVERSITY LIBRARIES

What are visual best practices?

slide-49
SLIDE 49

47

UNIVERSITY LIBRARIES

Select an appropriate view for your data

http://blog.darkhorseanalytics.com/salvaging-the-pie

slide-50
SLIDE 50

48

UNIVERSITY LIBRARIES

Pie Chart

slide-51
SLIDE 51

49

UNIVERSITY LIBRARIES

Horizontal vs. Vertical Bar Chart

Example from: http://www.storytellingwithdata.com/blog/2012/10/my- penchant-for-horizontal-bar-graphs

slide-52
SLIDE 52

50

UNIVERSITY LIBRARIES

Horizontal vs. Vertical Bar Chart

Example from: http://www.storytellingwithdata.com/blog/2012/10/my- penchant-for-horizontal-bar-graphs

slide-53
SLIDE 53

51

UNIVERSITY LIBRARIES

slide-54
SLIDE 54

52

UNIVERSITY LIBRARIES

Discrete vs. Continuous Dates

slide-55
SLIDE 55

53

UNIVERSITY LIBRARIES

Discrete vs. Continuous Dates

http://go.osu.edu/GateCount

slide-56
SLIDE 56

54

UNIVERSITY LIBRARIES

Discrete vs. Continuous Dates

slide-57
SLIDE 57

55

UNIVERSITY LIBRARIES

Discrete vs. Continuous Dates

slide-58
SLIDE 58

56

UNIVERSITY LIBRARIES

Small Multiples

slide-59
SLIDE 59

57

UNIVERSITY LIBRARIES

Scatterplots: View Correlations

slide-60
SLIDE 60

58

UNIVERSITY LIBRARIES

Mapping

http://go.osu.edu/REACH-Dashboard

slide-61
SLIDE 61

59

UNIVERSITY LIBRARIES

Word Clouds

http://go.osu.edu/OSUL_HumanTraffickingAwareness

slide-62
SLIDE 62

60

UNIVERSITY LIBRARIES

Tree Maps

slide-63
SLIDE 63

61

UNIVERSITY LIBRARIES

Tree Maps

https://en.wikipedia.org/wiki/Small_multiple

slide-64
SLIDE 64

62

UNIVERSITY LIBRARIES

Histograms & Box & Whisker Plots

slide-65
SLIDE 65

63

UNIVERSITY LIBRARIES

Histograms & Box & Whisker Plots

slide-66
SLIDE 66

64

UNIVERSITY LIBRARIES

Join & Blend Data

slide-67
SLIDE 67

65

UNIVERSITY LIBRARIES

Data visualization ≠ data narrative

slide-68
SLIDE 68

66

Context Clarity Emotional connection Engagement

UNIVERSITY LIBRARIES

The data narrative

slide-69
SLIDE 69

67

UNIVERSITY LIBRARIES

“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.”

Storytelling with data

Jonathan Harris, Creator We Feel Fine http://number27.org/wefeelfine

slide-70
SLIDE 70

68

UNIVERSITY LIBRARIES

“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.”

Narrative

Oxford English Dictionary

slide-71
SLIDE 71

69

UNIVERSITY LIBRARIES

Design of the data narrative

  • Edward Segel and Jeffrey Heer

“Narrative visualization: telling stories with data”

slide-72
SLIDE 72

70

Author-Driven Reader-Driven Linear ordering of scenes No prescribed ordering Heavy messaging No messaging No interactivity Free interactivity

UNIVERSITY LIBRARIES

Design of the data narrative

  • Edward Segel and Jeffrey Heer

“Narrative visualization: telling stories with data”

slide-73
SLIDE 73

71

UNIVERSITY LIBRARIES

Visual narrative tactics

  • 1. Visual structuring
  • 2. Highlighting
  • 3. Transition guidance
  • Edward Segel and Jeffrey Heer

“Narrative visualization: telling stories with data”

slide-74
SLIDE 74

72

UNIVERSITY LIBRARIES

Narrative structure tactics

  • 1. Ordering
  • 2. Interactivity
  • 3. Messaging
  • Edward Segel and Jeffrey Heer

“Narrative visualization: telling stories with data”

slide-75
SLIDE 75

73

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

  • me/UnmaskingHiddenHunger_0/TheNewFaceofH

unger

UNIVERSITY LIBRARIES

Examples

slide-76
SLIDE 76

74

ProPublica Workers Comp Benefits: How Much is a Limb Worth? https://projects.propublica.org/graphics/workers- compensation-benefits-by-limb Faces of Fracking California’s Getting Fracked http://www.facesoffracking.org/data-visualization/

UNIVERSITY LIBRARIES

Examples

slide-77
SLIDE 77

75

Few, Stephen. 2006. Information Dashboard Design: Displaying Data for At-a- Glance Monitoring. Burlingame, CA: Analytics Press. Few, Stephen. 2009. Now You See It: Simple Visualization Techniques for Quantitative Analysis. Oakland, CA: Analytics Press. Friendly, Michael. 2008. “ Brief History of Data Visualization.” In Handbook of Data Visualization, edited by Chun-houh Chen, Wolfgang Härdle, and Antony Unwin, 15-56. Berlin: Springer-Verlag. Knaflic, Cole Nussbaumer. 2015. Storytelling With Data: A Data Visualization Guide for Business Professionals. Hoboken, NJ: Wiley & Sons. Playfair, William. 1786. The Commercial and Political Atlas: Representing by Means of Stained Copper-Plate Charts, the Progress of the Commerce, Revenues, Expenditure and Debts of England During the Whole of the Eighteenth Century.

UNIVERSITY LIBRARIES

References

slide-78
SLIDE 78

76

Segel, Edward and Jeffrey Heer. “Narrative Visualization: Telling Stories with Data.” IEEE Transactions on Visualization and Computer Graphics 16, no. 6 (2010):1139-1148. Simon, Phil. 2014. The Visual Organization: Data, Visualization, Big Data, and the Quest for Better Decisions. Hoboken, New Jersey: Wiley. Sviolkla, John. 2009. “Swimming in Data? Three Benefits of Visualization.” Harvard Business Review https://hbr.org/2009/12/swimming-in-data-three- benefit Wong, Dona M. The Wall Street Journal. Guide to Information Graphics: The Dos and Don’ts of Presenting Data, Facts, and Figures. (New York: W.W. Norton & Co., c2010).

UNIVERSITY LIBRARIES

References

slide-79
SLIDE 79

77

UNIVERSITY LIBRARIES

QUESTIONS?

Sarah Anne Murphy, MLS, MBA Coordinator of Assessment & Professor University Libraries 221C Thompson Library, 1858 Neil Avenue Mall, Columbus, OH 43210 614-247-7236 Office murphy.465@osu.edu u.osu.edu/murphy.465/