Building Effective Data Visualizations › Portals › 1 › Documents › nalfo › ... · Charles...
Transcript of Building Effective Data Visualizations › Portals › 1 › Documents › nalfo › ... · Charles...
![Page 1: Building Effective Data Visualizations › Portals › 1 › Documents › nalfo › ... · Charles Joseph Minard (1869), reproduced in Tufte’s(2001) The Visual Display of Quantitative](https://reader034.fdocuments.in/reader034/viewer/2022042316/5f0496807e708231d40eb64c/html5/thumbnails/1.jpg)
Building Effective Data Visualizations
Kate M. WatkinsSenior Economist
Colorado Legislative Council StaffNCSL Fiscal Analyst Forum
October 6, 2016
![Page 2: Building Effective Data Visualizations › Portals › 1 › Documents › nalfo › ... · Charles Joseph Minard (1869), reproduced in Tufte’s(2001) The Visual Display of Quantitative](https://reader034.fdocuments.in/reader034/viewer/2022042316/5f0496807e708231d40eb64c/html5/thumbnails/2.jpg)
2
![Page 3: Building Effective Data Visualizations › Portals › 1 › Documents › nalfo › ... · Charles Joseph Minard (1869), reproduced in Tufte’s(2001) The Visual Display of Quantitative](https://reader034.fdocuments.in/reader034/viewer/2022042316/5f0496807e708231d40eb64c/html5/thumbnails/3.jpg)
3
Image from EURUSD FX Blog:
http://eurusd-fx.blogspot.com/2011/09/proportion-of-eur-by-country-based-on.html
Missing title
Missing source information
Missing labels
Poor resolution
Unpleasant colors
3D?
![Page 4: Building Effective Data Visualizations › Portals › 1 › Documents › nalfo › ... · Charles Joseph Minard (1869), reproduced in Tufte’s(2001) The Visual Display of Quantitative](https://reader034.fdocuments.in/reader034/viewer/2022042316/5f0496807e708231d40eb64c/html5/thumbnails/4.jpg)
4Charles Joseph Minard (1869), reproduced in Tufte’s (2001) The Visual Display of Quantitative Information
![Page 5: Building Effective Data Visualizations › Portals › 1 › Documents › nalfo › ... · Charles Joseph Minard (1869), reproduced in Tufte’s(2001) The Visual Display of Quantitative](https://reader034.fdocuments.in/reader034/viewer/2022042316/5f0496807e708231d40eb64c/html5/thumbnails/5.jpg)
5
Best Practices for Effective Data Visualization
1) Ask: Who? What? Why?
2) Know the data
3) Tell a (true) story
4) Create an analytical tool
5) Strive for ‘graphical excellence’
![Page 6: Building Effective Data Visualizations › Portals › 1 › Documents › nalfo › ... · Charles Joseph Minard (1869), reproduced in Tufte’s(2001) The Visual Display of Quantitative](https://reader034.fdocuments.in/reader034/viewer/2022042316/5f0496807e708231d40eb64c/html5/thumbnails/6.jpg)
6
Colorado Online Tax Handbookhttp://leg.colorado.gov/agencies/legislative-council-staff/colorado-online-tax-handbook
![Page 7: Building Effective Data Visualizations › Portals › 1 › Documents › nalfo › ... · Charles Joseph Minard (1869), reproduced in Tufte’s(2001) The Visual Display of Quantitative](https://reader034.fdocuments.in/reader034/viewer/2022042316/5f0496807e708231d40eb64c/html5/thumbnails/7.jpg)
7
Who is your target audience?
What are the goals of the visualization?
– Explanatory: lead your audience to a conclusion
– Exploratory: let your audience explore
What are you trying to communicate? And why?
1) Ask…
Novice Working Knowledge ExpertIntroduction Briefing In-Depth Analysis
AudienceFormat
![Page 8: Building Effective Data Visualizations › Portals › 1 › Documents › nalfo › ... · Charles Joseph Minard (1869), reproduced in Tufte’s(2001) The Visual Display of Quantitative](https://reader034.fdocuments.in/reader034/viewer/2022042316/5f0496807e708231d40eb64c/html5/thumbnails/8.jpg)
8
2) Know the data
• Become an expert
• Anticipate questions,
know the answers,
build answers into the visualization
• Pilot test your visualizations
![Page 9: Building Effective Data Visualizations › Portals › 1 › Documents › nalfo › ... · Charles Joseph Minard (1869), reproduced in Tufte’s(2001) The Visual Display of Quantitative](https://reader034.fdocuments.in/reader034/viewer/2022042316/5f0496807e708231d40eb64c/html5/thumbnails/9.jpg)
9
3) Tell a story with data
Charles Joseph Minard (1869), reproduced in Tufte’s (2001) The Visual Display of Quantitative Information
![Page 10: Building Effective Data Visualizations › Portals › 1 › Documents › nalfo › ... · Charles Joseph Minard (1869), reproduced in Tufte’s(2001) The Visual Display of Quantitative](https://reader034.fdocuments.in/reader034/viewer/2022042316/5f0496807e708231d40eb64c/html5/thumbnails/10.jpg)
10
3) Tell a (true) story with data
• Don’t lie with graphics
From Darrell Huff’s (1954) How to Lie with Statistics. Illustrations by Irving Geis.
![Page 11: Building Effective Data Visualizations › Portals › 1 › Documents › nalfo › ... · Charles Joseph Minard (1869), reproduced in Tufte’s(2001) The Visual Display of Quantitative](https://reader034.fdocuments.in/reader034/viewer/2022042316/5f0496807e708231d40eb64c/html5/thumbnails/11.jpg)
11
3) Tell a (true) story with data
• Don’t lie with graphics
• Let the data speak for itself
From Darrell Huff’s (1954) How to Lie with Statistics. Illustrations by Irving Geis.
![Page 12: Building Effective Data Visualizations › Portals › 1 › Documents › nalfo › ... · Charles Joseph Minard (1869), reproduced in Tufte’s(2001) The Visual Display of Quantitative](https://reader034.fdocuments.in/reader034/viewer/2022042316/5f0496807e708231d40eb64c/html5/thumbnails/12.jpg)
12
4) Create an analytical tool
• Provide enough information for replication
– Cite data sources and note data transformations
and anomalies
• Build in supplemental materials
![Page 13: Building Effective Data Visualizations › Portals › 1 › Documents › nalfo › ... · Charles Joseph Minard (1869), reproduced in Tufte’s(2001) The Visual Display of Quantitative](https://reader034.fdocuments.in/reader034/viewer/2022042316/5f0496807e708231d40eb64c/html5/thumbnails/13.jpg)
13
4) Create an analytical tool
• Provide enough information for replication
– Cite data sources and note data transformations
and anomalies
• Build in supplemental materials
• Provide the data itself
Novice Working Knowledge ExpertIntroduction Briefing In-Depth Analysis
AudienceFormat
![Page 14: Building Effective Data Visualizations › Portals › 1 › Documents › nalfo › ... · Charles Joseph Minard (1869), reproduced in Tufte’s(2001) The Visual Display of Quantitative](https://reader034.fdocuments.in/reader034/viewer/2022042316/5f0496807e708231d40eb64c/html5/thumbnails/14.jpg)
14Charles Joseph Minard (1869), reproduced in Tufte’s (2001) The Visual Display of Quantitative Information
5) Strive for ‘graphical excellence’ (Tufte)
![Page 15: Building Effective Data Visualizations › Portals › 1 › Documents › nalfo › ... · Charles Joseph Minard (1869), reproduced in Tufte’s(2001) The Visual Display of Quantitative](https://reader034.fdocuments.in/reader034/viewer/2022042316/5f0496807e708231d40eb64c/html5/thumbnails/15.jpg)
15
5) Strive for ‘graphical excellence’ (Tufte)
• Eliminate ‘chart junk’
• Maximize the data-ink ratio
Data-ink ratio = Ink used on data
Total ink used
![Page 16: Building Effective Data Visualizations › Portals › 1 › Documents › nalfo › ... · Charles Joseph Minard (1869), reproduced in Tufte’s(2001) The Visual Display of Quantitative](https://reader034.fdocuments.in/reader034/viewer/2022042316/5f0496807e708231d40eb64c/html5/thumbnails/16.jpg)
16
5) Strive for ‘graphical excellence’ (Tufte)
• Eliminate ‘chart junk’
• Maximize the data-ink ratio
Sparkline
Data-ink ratio = Ink used on data
Total ink used
![Page 17: Building Effective Data Visualizations › Portals › 1 › Documents › nalfo › ... · Charles Joseph Minard (1869), reproduced in Tufte’s(2001) The Visual Display of Quantitative](https://reader034.fdocuments.in/reader034/viewer/2022042316/5f0496807e708231d40eb64c/html5/thumbnails/17.jpg)
17
5) Strive for ‘graphical excellence’ (Tufte)
• Eliminate ‘chart junk’
• Get rid of the grid
Image reproduced from Tufte (2001: 113).
![Page 18: Building Effective Data Visualizations › Portals › 1 › Documents › nalfo › ... · Charles Joseph Minard (1869), reproduced in Tufte’s(2001) The Visual Display of Quantitative](https://reader034.fdocuments.in/reader034/viewer/2022042316/5f0496807e708231d40eb64c/html5/thumbnails/18.jpg)
18
5) Strive for ‘graphical excellence’ (Tufte)
• Eliminate ‘chart junk’
• Get rid of the grid
Colorado State Demography Office, October 2015 projections.
300,000 200,000 100,000 0 100,000 200,000 300,000
0 to 4
5 to 9
10 to 14
15 to 19
20 to 24
25 to 29
30 to 34
35 to 39
40 to 44
45 to 49
50 to 54
55 to 59
60 to 64
65 to 69
70 to 74
75 to 79
80 to 84
85 to 89
90 to 94
95 to 99
100+ Male Female
20162018
Colorado Population by Age and Sex
![Page 19: Building Effective Data Visualizations › Portals › 1 › Documents › nalfo › ... · Charles Joseph Minard (1869), reproduced in Tufte’s(2001) The Visual Display of Quantitative](https://reader034.fdocuments.in/reader034/viewer/2022042316/5f0496807e708231d40eb64c/html5/thumbnails/19.jpg)
19
5) Strive for ‘graphical excellence’ (Tufte)
Image reproduced from Tufte (2001: 117).
• Eliminate ‘chart junk’
• No ducks allowed
![Page 20: Building Effective Data Visualizations › Portals › 1 › Documents › nalfo › ... · Charles Joseph Minard (1869), reproduced in Tufte’s(2001) The Visual Display of Quantitative](https://reader034.fdocuments.in/reader034/viewer/2022042316/5f0496807e708231d40eb64c/html5/thumbnails/20.jpg)
20
• The modern duck
5) Strive for ‘graphical excellence’ (Tufte)
Image reproduced from the Professional Business Development website (pbi-now.com).
![Page 21: Building Effective Data Visualizations › Portals › 1 › Documents › nalfo › ... · Charles Joseph Minard (1869), reproduced in Tufte’s(2001) The Visual Display of Quantitative](https://reader034.fdocuments.in/reader034/viewer/2022042316/5f0496807e708231d40eb64c/html5/thumbnails/21.jpg)
21
5) Strive for ‘graphical excellence’ (Tufte)
• Draw the reader in with color
Charles Joseph Minard (1869), reproduced in Tufte’s (2001) The Visual Display of Quantitative Information
![Page 22: Building Effective Data Visualizations › Portals › 1 › Documents › nalfo › ... · Charles Joseph Minard (1869), reproduced in Tufte’s(2001) The Visual Display of Quantitative](https://reader034.fdocuments.in/reader034/viewer/2022042316/5f0496807e708231d40eb64c/html5/thumbnails/22.jpg)
22
Best Practices: Color
22
2) Be aware of the emotion and culturally-specific
connotations of color
![Page 24: Building Effective Data Visualizations › Portals › 1 › Documents › nalfo › ... · Charles Joseph Minard (1869), reproduced in Tufte’s(2001) The Visual Display of Quantitative](https://reader034.fdocuments.in/reader034/viewer/2022042316/5f0496807e708231d40eb64c/html5/thumbnails/24.jpg)
24
5) Strive for ‘graphical excellence’ (Tufte)
• Draw the reader in with color
• Be aware of red-green colorblindness
Image from: http://enchroma.com/test/instructions/
![Page 25: Building Effective Data Visualizations › Portals › 1 › Documents › nalfo › ... · Charles Joseph Minard (1869), reproduced in Tufte’s(2001) The Visual Display of Quantitative](https://reader034.fdocuments.in/reader034/viewer/2022042316/5f0496807e708231d40eb64c/html5/thumbnails/25.jpg)
25