26
Building Effective Data Visualizations Kate M. Watkins Senior Economist Colorado Legislative Council Staff NCSL Fiscal Analyst Forum October 6, 2016

Building Effective Data Visualizations › Portals › 1 › Documents › nalfo › ... · Charles Joseph Minard (1869), reproduced in Tufte’s(2001) The Visual Display of Quantitative

  • Upload
    others

  • View
    4

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Building Effective Data Visualizations › Portals › 1 › Documents › nalfo › ... · Charles Joseph Minard (1869), reproduced in Tufte’s(2001) The Visual Display of Quantitative

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

25

Page 26: Building Effective Data Visualizations › Portals › 1 › Documents › nalfo › ... · Charles Joseph Minard (1869), reproduced in Tufte’s(2001) The Visual Display of Quantitative

26

Kate M. Watkins

[email protected]