the visual display of quantitative information · typography : melissa kaup augustine- type 1....

44
Edward R. Tufte The Visual Display of Quantitative Information

Upload: others

Post on 21-Jul-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: The Visual Display of Quantitative Information · Typography : Melissa Kaup Augustine- Type 1. Format and Scale : David Fung- Student Examples QFZUPONBOOJOHQSPKFDUTUVEZ 1SP'PPUCBMM)

Edward R. Tufte

The Visual Display of Quantitative Information

Page 2: The Visual Display of Quantitative Information · Typography : Melissa Kaup Augustine- Type 1. Format and Scale : David Fung- Student Examples QFZUPONBOOJOHQSPKFDUTUVEZ 1SP'PPUCBMM)

Graphical Displays Should :

show the data

tell the truth

help the viewer think about the information rather than the design

encourage the eye to compare the data

make large data sets coherent

Page 3: The Visual Display of Quantitative Information · Typography : Melissa Kaup Augustine- Type 1. Format and Scale : David Fung- Student Examples QFZUPONBOOJOHQSPKFDUTUVEZ 1SP'PPUCBMM)

Clarity in Technical Reporting(NASA 1964)

Page 4: The Visual Display of Quantitative Information · Typography : Melissa Kaup Augustine- Type 1. Format and Scale : David Fung- Student Examples QFZUPONBOOJOHQSPKFDUTUVEZ 1SP'PPUCBMM)

Data Maps :

Charles Joseph Minard- Emmigration

Page 5: The Visual Display of Quantitative Information · Typography : Melissa Kaup Augustine- Type 1. Format and Scale : David Fung- Student Examples QFZUPONBOOJOHQSPKFDUTUVEZ 1SP'PPUCBMM)

Data Maps :

Charles Joseph Minard- Napoleon’s Campaigns

Page 6: The Visual Display of Quantitative Information · Typography : Melissa Kaup Augustine- Type 1. Format and Scale : David Fung- Student Examples QFZUPONBOOJOHQSPKFDUTUVEZ 1SP'PPUCBMM)

Time Series :

Salyut 6 Cyclogram

Page 7: The Visual Display of Quantitative Information · Typography : Melissa Kaup Augustine- Type 1. Format and Scale : David Fung- Student Examples QFZUPONBOOJOHQSPKFDUTUVEZ 1SP'PPUCBMM)
Page 8: The Visual Display of Quantitative Information · Typography : Melissa Kaup Augustine- Type 1. Format and Scale : David Fung- Student Examples QFZUPONBOOJOHQSPKFDUTUVEZ 1SP'PPUCBMM)
Page 9: The Visual Display of Quantitative Information · Typography : Melissa Kaup Augustine- Type 1. Format and Scale : David Fung- Student Examples QFZUPONBOOJOHQSPKFDUTUVEZ 1SP'PPUCBMM)

Space and Time :

Life Cycle of the Japanese Beetle

Page 10: The Visual Display of Quantitative Information · Typography : Melissa Kaup Augustine- Type 1. Format and Scale : David Fung- Student Examples QFZUPONBOOJOHQSPKFDUTUVEZ 1SP'PPUCBMM)

Graphical Integrity : The data must tell the truth

Page 11: The Visual Display of Quantitative Information · Typography : Melissa Kaup Augustine- Type 1. Format and Scale : David Fung- Student Examples QFZUPONBOOJOHQSPKFDUTUVEZ 1SP'PPUCBMM)

Graphical Integrity : The data must tell the truth

Page 12: The Visual Display of Quantitative Information · Typography : Melissa Kaup Augustine- Type 1. Format and Scale : David Fung- Student Examples QFZUPONBOOJOHQSPKFDUTUVEZ 1SP'PPUCBMM)

Graphical Integrity : Context is Essential

Page 13: The Visual Display of Quantitative Information · Typography : Melissa Kaup Augustine- Type 1. Format and Scale : David Fung- Student Examples QFZUPONBOOJOHQSPKFDUTUVEZ 1SP'PPUCBMM)

Graphical Integrity : Context is Essential

Page 14: The Visual Display of Quantitative Information · Typography : Melissa Kaup Augustine- Type 1. Format and Scale : David Fung- Student Examples QFZUPONBOOJOHQSPKFDUTUVEZ 1SP'PPUCBMM)

Other Design Considerations :

color

line and form

typography

format and scale

Page 15: The Visual Display of Quantitative Information · Typography : Melissa Kaup Augustine- Type 1. Format and Scale : David Fung- Student Examples QFZUPONBOOJOHQSPKFDUTUVEZ 1SP'PPUCBMM)

Color :

Joseph Albers- The Interaction of Color

Page 16: The Visual Display of Quantitative Information · Typography : Melissa Kaup Augustine- Type 1. Format and Scale : David Fung- Student Examples QFZUPONBOOJOHQSPKFDUTUVEZ 1SP'PPUCBMM)

Color :

Joseph Albers- The Interaction of Color

Page 17: The Visual Display of Quantitative Information · Typography : Melissa Kaup Augustine- Type 1. Format and Scale : David Fung- Student Examples QFZUPONBOOJOHQSPKFDUTUVEZ 1SP'PPUCBMM)

Line and Form :

Melissa Kaup Augustine- Type 1

Page 18: The Visual Display of Quantitative Information · Typography : Melissa Kaup Augustine- Type 1. Format and Scale : David Fung- Student Examples QFZUPONBOOJOHQSPKFDUTUVEZ 1SP'PPUCBMM)

Line and Form :

Page 19: The Visual Display of Quantitative Information · Typography : Melissa Kaup Augustine- Type 1. Format and Scale : David Fung- Student Examples QFZUPONBOOJOHQSPKFDUTUVEZ 1SP'PPUCBMM)

Line and Form :

Page 20: The Visual Display of Quantitative Information · Typography : Melissa Kaup Augustine- Type 1. Format and Scale : David Fung- Student Examples QFZUPONBOOJOHQSPKFDUTUVEZ 1SP'PPUCBMM)

Typography :

Melissa Kaup Augustine- Type 1

Page 21: The Visual Display of Quantitative Information · Typography : Melissa Kaup Augustine- Type 1. Format and Scale : David Fung- Student Examples QFZUPONBOOJOHQSPKFDUTUVEZ 1SP'PPUCBMM)

Format and Scale :

David Fung- Student Examples

Page 22: The Visual Display of Quantitative Information · Typography : Melissa Kaup Augustine- Type 1. Format and Scale : David Fung- Student Examples QFZUPONBOOJOHQSPKFDUTUVEZ 1SP'PPUCBMM)

Format and Scale :

Christina Gonzalez- Student Examples

Page 23: The Visual Display of Quantitative Information · Typography : Melissa Kaup Augustine- Type 1. Format and Scale : David Fung- Student Examples QFZUPONBOOJOHQSPKFDUTUVEZ 1SP'PPUCBMM)

Format and Scale :

Stephanie Tang- Student Examples

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

0000

0100

0200

0300

0400

0500

0600

0700

0800

0900

1000

1100

1200

1300

1400

1500

1600

1700

1800

1900

2000

2100

2200

2300

10

9

8

7

6

5

4

3

2

1

Ener

gy L

evel

Emot

iona

l Lev

el

CRAVINGS

SLEEPING

ZZ

Z

HIGH

LOW

Meat

Dairy

Other (ie.honey)

None

21 Days of Being Vegan | Daily Recorded Chart

Page 24: The Visual Display of Quantitative Information · Typography : Melissa Kaup Augustine- Type 1. Format and Scale : David Fung- Student Examples QFZUPONBOOJOHQSPKFDUTUVEZ 1SP'PPUCBMM)

Fortune Magazine

Page 25: The Visual Display of Quantitative Information · Typography : Melissa Kaup Augustine- Type 1. Format and Scale : David Fung- Student Examples QFZUPONBOOJOHQSPKFDUTUVEZ 1SP'PPUCBMM)
Page 26: The Visual Display of Quantitative Information · Typography : Melissa Kaup Augustine- Type 1. Format and Scale : David Fung- Student Examples QFZUPONBOOJOHQSPKFDUTUVEZ 1SP'PPUCBMM)
Page 27: The Visual Display of Quantitative Information · Typography : Melissa Kaup Augustine- Type 1. Format and Scale : David Fung- Student Examples QFZUPONBOOJOHQSPKFDUTUVEZ 1SP'PPUCBMM)
Page 28: The Visual Display of Quantitative Information · Typography : Melissa Kaup Augustine- Type 1. Format and Scale : David Fung- Student Examples QFZUPONBOOJOHQSPKFDUTUVEZ 1SP'PPUCBMM)
Page 29: The Visual Display of Quantitative Information · Typography : Melissa Kaup Augustine- Type 1. Format and Scale : David Fung- Student Examples QFZUPONBOOJOHQSPKFDUTUVEZ 1SP'PPUCBMM)
Page 30: The Visual Display of Quantitative Information · Typography : Melissa Kaup Augustine- Type 1. Format and Scale : David Fung- Student Examples QFZUPONBOOJOHQSPKFDUTUVEZ 1SP'PPUCBMM)
Page 31: The Visual Display of Quantitative Information · Typography : Melissa Kaup Augustine- Type 1. Format and Scale : David Fung- Student Examples QFZUPONBOOJOHQSPKFDUTUVEZ 1SP'PPUCBMM)
Page 32: The Visual Display of Quantitative Information · Typography : Melissa Kaup Augustine- Type 1. Format and Scale : David Fung- Student Examples QFZUPONBOOJOHQSPKFDUTUVEZ 1SP'PPUCBMM)
Page 33: The Visual Display of Quantitative Information · Typography : Melissa Kaup Augustine- Type 1. Format and Scale : David Fung- Student Examples QFZUPONBOOJOHQSPKFDUTUVEZ 1SP'PPUCBMM)
Page 34: The Visual Display of Quantitative Information · Typography : Melissa Kaup Augustine- Type 1. Format and Scale : David Fung- Student Examples QFZUPONBOOJOHQSPKFDUTUVEZ 1SP'PPUCBMM)

Wired Magazine : Infoporn

Page 35: The Visual Display of Quantitative Information · Typography : Melissa Kaup Augustine- Type 1. Format and Scale : David Fung- Student Examples QFZUPONBOOJOHQSPKFDUTUVEZ 1SP'PPUCBMM)
Page 36: The Visual Display of Quantitative Information · Typography : Melissa Kaup Augustine- Type 1. Format and Scale : David Fung- Student Examples QFZUPONBOOJOHQSPKFDUTUVEZ 1SP'PPUCBMM)

0% 20% 40% 60% 80% 100%

0

1996

1997

1998

1999

2000

2001

2002

2003

3500 50 100 150 200 250 300

700

019

86

1987

1988

1989

1990

1991

1992

1993

1994

1995

1996

1997

1998

1999

2000

100200300400500600700800

2003

2002

2001

2000

1999

152 • 06|2004 • WIRED

WHO OWNS AGRICULTURAL BIOTECHWhile public entities control many enabling technologies for agricultural biotech, a handful of private companies owns three-quarters of US patents, including the most relevant genes.

About 10,000 years ago, probably in what is now Turkey,some proto-agronomy genius got sick of hunting and gathering and decided to grow food instead. Too bad that guy didn’t get a business method patent. But it didn’t takelong for farmers who raised better animals or developedhardier seeds to learn they could charge more, an ideaformalized in the last two centuries with proprietary rightsassigned to breeds and strains. Today, agriculture is steeped in intellectual property: Plants come with license agreements,farmers can’t sow seeds from last year’s crops without fear

Genetically modified crops offer many benefits – but carry theadded burdens of patent-protected agriculture. So farmers whoplant GM in developing nations also reap a bumper crop oflicensing agreements.

The boom in biotechnology in the 1980s came with a relatedblossoming of patents, especially in the US.

GM MOVES TO THE DEVELOPING WORLD

THE RISE OF AG PATENTS

The total supply of cropland worldwide is holding steady at nearly700 million acres. More and more of those crops are geneticallymodified – which means they’re grown on intellectual property.

GM IN THE FIELD

US BIOTECH PATENTS

MONSANTO 14%

PUBLIC SECTOR 24%DUPONT 13%

SYNGENTA 7%

BAYER 4%

DOW 3%

OTHER PRIVATE 33%

UNKNOWN 2%

JAPAN EU

PRIVATE 86% PRIVATE 25%

INDUSTRIAL NATIONS DEVELOPING NATIONS

PUBLIC 75%PUBLIC 14%

NON-GM GM

MILLIONS OF ACRESWHERE GM CROPS ARE GROWN

CANOLA

US A

G PA

TEN

TSM

ILLI

ONS

OF A

CRES

COTTON

SOYBEAN

CORN

2003 BY CROP

Page 37: The Visual Display of Quantitative Information · Typography : Melissa Kaup Augustine- Type 1. Format and Scale : David Fung- Student Examples QFZUPONBOOJOHQSPKFDUTUVEZ 1SP'PPUCBMM)
Page 38: The Visual Display of Quantitative Information · Typography : Melissa Kaup Augustine- Type 1. Format and Scale : David Fung- Student Examples QFZUPONBOOJOHQSPKFDUTUVEZ 1SP'PPUCBMM)
Page 39: The Visual Display of Quantitative Information · Typography : Melissa Kaup Augustine- Type 1. Format and Scale : David Fung- Student Examples QFZUPONBOOJOHQSPKFDUTUVEZ 1SP'PPUCBMM)
Page 40: The Visual Display of Quantitative Information · Typography : Melissa Kaup Augustine- Type 1. Format and Scale : David Fung- Student Examples QFZUPONBOOJOHQSPKFDUTUVEZ 1SP'PPUCBMM)

Design Project Harper’s Index

1. select one or two of the facts on this month’s Index

2. create a graphic interpretation of the information

3. adhere to Tufte’s principles of graphical display

{show the data, tell the truth, help the viewer think about the information rather than the design, encourage the eye to compare the data, make large data sets coherent}

Page 41: The Visual Display of Quantitative Information · Typography : Melissa Kaup Augustine- Type 1. Format and Scale : David Fung- Student Examples QFZUPONBOOJOHQSPKFDUTUVEZ 1SP'PPUCBMM)

Amount that a Colorado state prisoner is paid to work a day as a field hand at a local farm: 60¢

Amount the prisons are paid by farmers for each inmate's daily work: $77.20

Page 42: The Visual Display of Quantitative Information · Typography : Melissa Kaup Augustine- Type 1. Format and Scale : David Fung- Student Examples QFZUPONBOOJOHQSPKFDUTUVEZ 1SP'PPUCBMM)

Percentage of West Virginia public schools that will use the video game Dance Dance Revolution in P.E. classes next year: 100

Page 43: The Visual Display of Quantitative Information · Typography : Melissa Kaup Augustine- Type 1. Format and Scale : David Fung- Student Examples QFZUPONBOOJOHQSPKFDUTUVEZ 1SP'PPUCBMM)

Percentage change in the number of Louisiana and Mississippi newborns named Katrina in the year after the hurricane: +153

Page 44: The Visual Display of Quantitative Information · Typography : Melissa Kaup Augustine- Type 1. Format and Scale : David Fung- Student Examples QFZUPONBOOJOHQSPKFDUTUVEZ 1SP'PPUCBMM)

Design Project Harper’s Index

1. select one or two of the facts on this month’s Index

2. create a graphic interpretation of the information

3. adhere to Tufte’s principles of graphical display

{show the data, tell the truth, help the viewer think about the information rather than the design, encourage the eye to compare the data, make large data sets coherent}