inkweb, Analytical Information Design

1
(No Transcript)
2
inkweb, Analytical Information Design
3
inkweb, Analytical Information Design
4
inkweb, Analytical Information Design
5
(No Transcript)
6
inkweb, Analytical Information Design
7
inkweb, Analytical Information Design
8
Edward Tufte, Statistician Graphic Designer
"The Leonardo da Vinci of data." THE NEW YORK
TIMES
inkweb, Analytical Information Design
9
Inspiration for Good Design
The Visual Display of Quantitative Information
Beautiful Evidence
Envisioning Information
Visual Explanations Images and Quantities,
Evidence and Narrative
inkweb, Analytical Information Design
10
inkweb, Analytical Information Design
11
inkweb, Analytical Information Design
12
inkweb, Analytical Information Design
13
inkweb, Analytical Information Design
14
inkweb, Analytical Information Design
15
inkweb, Analytical Information Design
16
inkweb, Analytical Information Design
17
inkweb, Analytical Information Design
18
inkweb, Analytical Information Design
19
inkweb, Analytical Information Design
20
inkweb, Analytical Information Design
21
inkweb, Analytical Information Design
22
inkweb, Analytical Information Design
23

• Migrating from
• Serial presentation of single graphs
• to
• Parallel presentation of complex data sets
• Requires attention to
• Comparability
• Consistency
• Context

inkweb, Analytical Information Design
24
inkweb, Analytical Information Design
25
inkweb, Analytical Information Design
26


inkweb, Analytical Information Design
27
A VISUAL MAP OF YOUR TERRITORY
inkweb, Analytical Information Design
28
inkweb, Analytical Information Design
29
Toll payers contend with several payment options
keyed to colored signs. The sign over each
booth is (unnecessarily) paired with a smaller
number which the driver must match to numbers
painted on the approach lanes. This is
further complicated in the Northbound lanes where
-- numbers are painted on the road prior to a
curve and -- before the numbers are discernible
inkweb, Analytical Information Design
30
Charles Minards 1869 Chart
width of colored bands represent of men
ENTERING and LEAVING Russia
temperature on the army's return from Russia
inkweb, Analytical Information Design
31
inkweb, Analytical Information Design
32
inkweb, Analytical Information Design
33
inkweb, Analytical Information Design
34
inkweb, Analytical Information Design
35
inkweb, Analytical Information Design
36
(No Transcript)
37
inkweb, Analytical Information Design
38
inkweb, Analytical Information Design
39
inkweb, Analytical Information Design
40

• Turning CHARTS into
  GLYPHS
• What if we could array the maps on a timeline
  with
• the overall volume changing to reflect the size
  of the market
• the color reflecting profits, growth, or price
  change

2008
2009

inkweb, Analytical Information Design
41
U.S. Primary Energy Consumption by Source and Sector, 2006 U.S. Primary Energy Consumption by Source and Sector, 2006 U.S. Primary Energy Consumption by Source and Sector, 2006 U.S. Primary Energy Consumption by Source and Sector, 2006 U.S. Primary Energy Consumption by Source and Sector, 2006 U.S. Primary Energy Consumption by Source and Sector, 2006
(Quadrillion Btu) (Quadrillion Btu) (Quadrillion Btu) (Quadrillion Btu) (Quadrillion Btu) (Quadrillion Btu)
Transportation Industrial Electric Power Total
Transportation Industrial Residential Commercial Electric Power Total
Petroleum 27.5 9.6 2 0.8 39.8
Natural Gas 0.7 7.8 7.4 6.5 22.4
Coal 0 2 0 20.6 22.6
Renewable Energy 0.5 1.9 0.6 3.8 6.8
Nuclear Electric Power 0 0 0 8.2 8.2
Total 28.6 21.3 10 39.9 99.8
inkweb, Analytical Information Design
42
inkweb, Analytical Information Design
43
inkweb, Analytical Information Design
44
inkweb, Analytical Information Design
45
inkweb, Analytical Information Design
46
The Visual Repertoire of Obamas Run for the
White House
inkweb, Analytical Information Design
47
inkweb, Analytical Information Design
48
inkweb, Analytical Information Design
inkweb, Analytical Information Design