effective data visualization (david giard)
DESCRIPTION
We spend much of our time collecting and analyzing data. That data is only useful if it can be displayed in a meaningful, understandable way. Yale professor Edward Tufte presented many ideas on how to effectively present data to an audience or end user. In this session, I will explain some of Tufte's most important guidelines about data visualization and how you can apply those guidelines to your own data. You will learn what to include, what to remove, and what to avoid in your charts, graphs, maps and other images that represent data." "We spend much of our time collecting and analyzing data. That data is only useful if it can be displayed in a meaningful, understandable way.TRANSCRIPT
![Page 1: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/1.jpg)
David Giard
Microsoft Technical Evangelist
blog: DavidGiard.com
tv: TechnologyAndFriends.com
twitter: @DavidGiard
Data VisualizationThe Ideas of Edward Tufte
![Page 2: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/2.jpg)
@DavidGiard
This presentationis dedicated to
Dave Bost
![Page 3: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/3.jpg)
@DavidGiard
I II III IV
x y x y x y x y
10.0 8.04 10.0 9.14 10.0 7.46 8.0 6.58
8.0 6.95 8.0 8.14 8.0 6.77 8.0 5.76
13.0 7.58 13.0 8.74 13.0 12.74 8.0 7.71
9.0 8.81 9.0 8.77 9.0 7.11 8.0 8.84
11.0 8.33 11.0 9.26 11.0 7.81 8.0 8.47
14.0 9.96 14.0 8.10 14.0 8.84 8.0 7.04
6.0 7.24 6.0 6.13 6.0 6.08 8.0 5.25
4.0 4.26 4.0 3.10 4.0 5.39 19.0 12.50
12.0 10.84 12.0 9.13 12.0 8.15 8.0 5.59
7.0 4.82 7.0 7.26 7.0 6.42 8.0 7.91
5.0 5.68 5.0 4.74 5.0 5.72 8.0 6.89
![Page 4: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/4.jpg)
@DavidGiard
0
5
10
0 10 20
I
0
5
10
0 10 20
II
0
5
10
0 10 20
III
0
5
10
0 10 20
IV
![Page 5: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/5.jpg)
@DavidGiard
Dr. Edward Tufte
![Page 6: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/6.jpg)
@DavidGiard
Graphical Excellence
![Page 7: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/7.jpg)
@DavidGiard
![Page 8: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/8.jpg)
@DavidGiard
![Page 9: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/9.jpg)
@DavidGiard
![Page 10: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/10.jpg)
@DavidGiard
![Page 11: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/11.jpg)
@DavidGiard
500,000
100,000
10,000
![Page 12: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/12.jpg)
@DavidGiard
Graphical Integrity
![Page 13: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/13.jpg)
@DavidGiard
Blatant Lies
Source: Fox News, Dec 2011Reprinted by Washington Post
![Page 14: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/14.jpg)
@DavidGiard
$(11,014)$0 $(11,014)
![Page 15: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/15.jpg)
@DavidGiard
Lie
![Page 16: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/16.jpg)
@DavidGiard
Lie Factor
𝑆𝑖𝑧𝑒 𝑂𝑓 𝐸𝑓𝑓𝑒𝑐𝑡 𝑆ℎ𝑜𝑤𝑛 𝐼𝑛 𝐺𝑟𝑎𝑝ℎ𝑖𝑐
𝑆𝑖𝑧𝑒 𝑂𝑓 𝐸𝑓𝑓𝑒𝑐𝑡 𝐼𝑛 𝐷𝑎𝑡𝑎
![Page 17: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/17.jpg)
@DavidGiard
Lie
Data Increase = 53%
Graphical Increase = 783%Lie Factor=14.8
![Page 18: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/18.jpg)
@DavidGiard
Truth
0
5
10
15
20
25
30
1978 1979 1980 1981 1982 1983 1984 1985
Required Fuel Economy Standards:New cars built from 1978 to 1985
![Page 19: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/19.jpg)
@DavidGiard
Data Change = 125%
Graphical Change = 406%Lie Factor=3.8
![Page 20: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/20.jpg)
@DavidGiard
Data Change = 554%
Graphical Change = 27,000%Lie Factor=48.8
![Page 21: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/21.jpg)
@DavidGiard
![Page 22: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/22.jpg)
@DavidGiard
![Page 23: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/23.jpg)
@DavidGiard
Context
![Page 24: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/24.jpg)
@DavidGiard
275
300
325
1955 1956
Connecticut Traffic Deaths,Before (1955) and After(1956)
Stricter Enforcement by the PoliceAgainst Cars Exceeding Speed Limit
Before stricterenforcement
After stricterenforcement
![Page 25: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/25.jpg)
@DavidGiard
![Page 26: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/26.jpg)
@DavidGiard
225
250
275
300
325
1951 1952 1953 1954 1955 1956 1957 1958 1959
Connecticut Traffic Deaths1951-1959
![Page 27: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/27.jpg)
@DavidGiard
6
8
10
12
14
16
1951 1952 1953 1954 1955 1956 1957 1958 1959
Traffic Deaths per 100,000Persons in Connecticut, Massachusetts, Rhode Island, and New York1951-1959
NY
MA
CT
RI
![Page 28: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/28.jpg)
@DavidGiard
Principles of Graphical Integrity
• Data Representations proportional to Data
• #Dimensions in graph = #Dimensions in data
• Real dollars, instead of deflated dollars
• Provide context
![Page 29: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/29.jpg)
@DavidGiard
Data-Ink
![Page 30: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/30.jpg)
@DavidGiard
Data-Ink Ratio
= 𝐷𝑎𝑡𝑎 𝐼𝑛𝑘
𝑇𝑜𝑡𝑎𝑙 𝐼𝑛𝑘
![Page 31: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/31.jpg)
@DavidGiard
Redundant Data
![Page 32: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/32.jpg)
@DavidGiard
35.9
![Page 33: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/33.jpg)
@DavidGiard
35.9
![Page 34: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/34.jpg)
@DavidGiard
Metadata
![Page 35: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/35.jpg)
@DavidGiard
0
20
40
60
80
100
120
140
160
0 1 2 3 4 5 6
![Page 36: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/36.jpg)
@DavidGiard
0
20
40
60
80
100
120
140
160
0 1 2 3 4 5 6
![Page 37: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/37.jpg)
@DavidGiard
0
20
40
60
80
100
120
140
160
0 1 2 3 4 5 6
![Page 38: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/38.jpg)
@DavidGiard
0
40
80
120
160
0 2 4 6
![Page 39: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/39.jpg)
@DavidGiard
0
40
80
120
160
0 2 4 6
![Page 40: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/40.jpg)
@DavidGiard
0
40
80
120
160
0 2 4 6
![Page 41: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/41.jpg)
@DavidGiard
![Page 42: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/42.jpg)
@DavidGiard
![Page 43: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/43.jpg)
@DavidGiard
![Page 44: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/44.jpg)
@DavidGiard
![Page 45: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/45.jpg)
@DavidGiard
![Page 46: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/46.jpg)
@DavidGiard
Principles
• Above all else, show the data
• Maximize the Data-Ink ratio, within reason
• Erase non-data-ink
• Erase redundant data-ink
• Revise and edit
![Page 47: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/47.jpg)
@DavidGiard
Vibrations
![Page 48: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/48.jpg)
@DavidGiard
Vibrations
![Page 49: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/49.jpg)
@DavidGiard
![Page 50: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/50.jpg)
@DavidGiard
![Page 51: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/51.jpg)
@DavidGiard
0
5
10
15
20
25
30
35
40
45
50
55
60
PER
CEN
T C
RIT
ICA
L A
RTI
CLE
S
ISSUE AREAS
INFLATION
UNEMPLOYMENT
SHORTAGES
RACE
CRIME
GOVT. POWER
CONFIDENCE
WATERGATE
COMPETENCE
Linear (RACE)
![Page 52: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/52.jpg)
@DavidGiard
INFL
ATI
ON
UN
EMP
LOYM
ENT
SHO
RTA
GES
RA
CE
CR
IME
GO
VT.
PO
WER
CO
NFI
DEN
CE
WAT
ERG
ATE
CO
MP
ETEN
CE
0
5
10
15
20
25
30
35
40
45
50
55
60
PER
CEN
T C
RIT
ICA
L A
RTI
CLE
S
ISSUE AREAS
![Page 53: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/53.jpg)
@DavidGiard
Chart Junk and Ducks
![Page 54: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/54.jpg)
@DavidGiard
![Page 55: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/55.jpg)
@DavidGiard
![Page 56: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/56.jpg)
@DavidGiard
![Page 57: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/57.jpg)
@DavidGiard
Worst. Graph. Ever.
![Page 58: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/58.jpg)
@DavidGiard
Year % Students < 25
1972 28.0
1973 29.2
1974 32.8
1975 33.6
1976 33.0
![Page 59: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/59.jpg)
@DavidGiard
Multifunctioning Graphical Elements
![Page 60: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/60.jpg)
@DavidGiard
![Page 61: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/61.jpg)
@DavidGiard
![Page 62: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/62.jpg)
@DavidGiard
![Page 63: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/63.jpg)
@DavidGiard
Data Density
![Page 64: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/64.jpg)
@DavidGiard
Data Density
𝑁𝑢𝑚𝑏𝑒𝑟 𝑜𝑓 𝑒𝑛𝑡𝑟𝑖𝑒𝑠 𝑖𝑛 𝑑𝑎𝑡𝑎 𝑚𝑎𝑡𝑟𝑖𝑥
𝐴𝑟𝑒𝑎 𝑜𝑓 𝐷𝑎𝑡𝑎 𝐺𝑟𝑎𝑝ℎ𝑖𝑐
![Page 65: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/65.jpg)
@DavidGiard
Low Data Density
![Page 66: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/66.jpg)
@DavidGiard
Low Data Density
Number of entries = 4
Graph Area = 26.5 square inches
Data Density = 4 𝑑𝑎𝑡𝑎 𝑒𝑛𝑡𝑟𝑖𝑒𝑠
26.5 𝑠𝑞. 𝑖𝑛.
=.15 data entries per sq. in.
![Page 67: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/67.jpg)
@DavidGiard
High Data Density
181 Numbers per square inch
![Page 68: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/68.jpg)
@DavidGiard
High Data Density
1,000 Numbers per square inch
![Page 69: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/69.jpg)
@DavidGiard
Small Multiples
![Page 70: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/70.jpg)
@DavidGiard
Small Multiples
![Page 71: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/71.jpg)
@DavidGiard
Small Multiples
![Page 72: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/72.jpg)
@DavidGiard
Tufte’s Graphs
• Sparkline
• Slope Graph
![Page 73: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/73.jpg)
@DavidGiard
Sparklines
![Page 74: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/74.jpg)
@DavidGiard
Sparklines
![Page 75: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/75.jpg)
@DavidGiard
Slope Graph
![Page 76: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/76.jpg)
@DavidGiard
Slope Graph
Source: The Atlantic, June 30, 2012
![Page 77: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/77.jpg)
@DavidGiard
Takeaways
• Maintain Graphical Integrity
• Maximize Data-Ink Ratio, within reason
• Avoid Chartjunk and Ducks
• Use Multifunctioning Graphical Elements, if possible
• Keep Labels with data
• Maximize Data Density
![Page 78: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/78.jpg)
@DavidGiard
![Page 79: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/79.jpg)
@DavidGiard
00 -5-9
-21
-11
-20
-24
-30
-26
Temperature ( C )
10/10
10/18
10/24
11/9
11/14
11/20
11/28
12/1
12/6
12/7
100,000
96,000
55,000
37,000
24,000
50,000
25,00020,00012,00010,000
# Troops
10/10
10/18
10/24
11/9
11/14
11/20
11/28
12/1
12/6
12/7
040 90145
180
250
275300
320
365
Distance Traveled (km)
10/10
10/18
10/24
11/9
11/14
11/20
11/28
12/1
12/6
12/7
![Page 80: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/80.jpg)
@DavidGiard
0
20,000
40,000
60,000
80,000
100,000
120,000
10
/10
10
/12
10
/14
10
/16
10
/18
10
/20
10
/22
10
/24
10
/26
10
/28
10
/30
11
/1
11
/3
11
/5
11
/7
11
/9
11
/11
11
/13
11
/15
11
/17
11
/19
11
/21
11
/23
11
/25
11
/27
11
/29
12
/1
12
/3
12
/5
12
/7
# Tr
oo
ps
Date
Troops
Troops
![Page 81: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/81.jpg)
@DavidGiard
0
20,000
40,000
60,000
80,000
100,000
120,000
10
/10
10
/12
10
/14
10
/16
10
/18
10
/20
10
/22
10
/24
10
/26
10
/28
10
/30
11
/1
11
/3
11
/5
11
/7
11
/9
11
/11
11
/13
11
/15
11
/17
11
/19
11
/21
11
/23
11
/25
11
/27
11
/29
12
/1
12
/3
12
/5
12
/7
# Tr
oo
ps
Date
Troops
Troops
![Page 82: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/82.jpg)
@DavidGiard
0
20,000
40,000
60,000
80,000
100,000
120,000
10
/10
10
/12
10
/14
10
/16
10
/18
10
/20
10
/22
10
/24
10
/26
10
/28
10
/30
11
/1
11
/3
11
/5
11
/7
11
/9
11
/11
11
/13
11
/15
11
/17
11
/19
11
/21
11
/23
11
/25
11
/27
11
/29
12
/1
12
/3
12
/5
12
/7
# Tr
oo
ps
Date
Troops
![Page 83: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/83.jpg)
@DavidGiard
0
20,000
40,000
60,000
80,000
100,000
120,000
10
/10
10
/12
10
/14
10
/16
10
/18
10
/20
10
/22
10
/24
10
/26
10
/28
10
/30
11
/1
11
/3
11
/5
11
/7
11
/9
11
/11
11
/13
11
/15
11
/17
11
/19
11
/21
11
/23
11
/25
11
/27
11
/29
12
/1
12
/3
12
/5
12
/7
# Tr
oo
ps
Date
![Page 84: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/84.jpg)
@DavidGiard
0
20,000
40,000
60,000
80,000
100,000
120,000
10/10 10/17 10/24 10/31 11/7 11/14 11/21 11/28 12/5
# Tr
oo
ps
Date
![Page 85: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/85.jpg)
@DavidGiard
-35
-30
-25
-20
-15
-10
-5
0
0
20,000
40,000
60,000
80,000
100,000
120,000
10/10 10/17 10/24 10/31 11/7 11/14 11/21 11/28 12/5
Tem
pe
ratu
re (
Ce
lsiu
s)
# Tr
oo
ps
Date
Troops
Temperature
![Page 86: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/86.jpg)
David Giard
Microsoft Technical Evangelist
blog: DavidGiard.com
tv: TechnologyAndFriends.com
twitter: @DavidGiard
![Page 87: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/87.jpg)
@DavidGiard
![Page 88: Effective Data Visualization (David Giard)](https://reader030.vdocuments.mx/reader030/viewer/2022020207/5552669db4c9052e1f8b4f8e/html5/thumbnails/88.jpg)
@DavidGiard