Top Banner
Uni Studies 3: The Visual Display of Quantitative Information: Graphical Excellence Assoc. Professor Donald J. Patterson Uni Stu 3 Fall 2012 1 Thursday, November 8, 12
24

Uni Studies 3 - Donald Bren School of Information and …djp3/classes/2012_09_UNISTU3/Lectures/Lecture05/... · The Visual Display of Quantitative Information •1765 •abstraction

Jul 19, 2018

Download

Documents

truongtuong
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Uni Studies 3 - Donald Bren School of Information and …djp3/classes/2012_09_UNISTU3/Lectures/Lecture05/... · The Visual Display of Quantitative Information •1765 •abstraction

Uni Studies 3:The Visual Display of Quantitative Information:Graphical Excellence

Assoc. Professor Donald J. PattersonUni Stu 3 Fall 2012

1Thursday, November 8, 12

Page 2: Uni Studies 3 - Donald Bren School of Information and …djp3/classes/2012_09_UNISTU3/Lectures/Lecture05/... · The Visual Display of Quantitative Information •1765 •abstraction

•Graphical Excellence

• is the well-designed presentation of interesting data

• substance

• statistics

• design

The Visual Display of Quantitative Information

Thursday, November 8, 12

Page 3: Uni Studies 3 - Donald Bren School of Information and …djp3/classes/2012_09_UNISTU3/Lectures/Lecture05/... · The Visual Display of Quantitative Information •1765 •abstraction

•Graphical Excellence

• consists of complex ideas communicated with

• clarity

• precision

• efficiency

The Visual Display of Quantitative Information

Thursday, November 8, 12

Page 4: Uni Studies 3 - Donald Bren School of Information and …djp3/classes/2012_09_UNISTU3/Lectures/Lecture05/... · The Visual Display of Quantitative Information •1765 •abstraction

•Graphical Excellence

• is that which gives the viewer

• the greatest number of ideas

• in the shortest time

• with the least ink

The Visual Display of Quantitative Information

Thursday, November 8, 12

Page 5: Uni Studies 3 - Donald Bren School of Information and …djp3/classes/2012_09_UNISTU3/Lectures/Lecture05/... · The Visual Display of Quantitative Information •1765 •abstraction

•Graphical Excellence

• is nearly always multivariate

• requires telling the truth about the data

The Visual Display of Quantitative Information

Thursday, November 8, 12

Page 6: Uni Studies 3 - Donald Bren School of Information and …djp3/classes/2012_09_UNISTU3/Lectures/Lecture05/... · The Visual Display of Quantitative Information •1765 •abstraction

The Visual Display of Quantitative Information

Thursday, November 8, 12

Page 7: Uni Studies 3 - Donald Bren School of Information and …djp3/classes/2012_09_UNISTU3/Lectures/Lecture05/... · The Visual Display of Quantitative Information •1765 •abstraction

•Why graphical representations at all?

• reveal data

• precisely

• in large quantity

• leveraging the visual part of our brains

The Visual Display of Quantitative Information

Thursday, November 8, 12

Page 8: Uni Studies 3 - Donald Bren School of Information and …djp3/classes/2012_09_UNISTU3/Lectures/Lecture05/... · The Visual Display of Quantitative Information •1765 •abstraction

The Visual Display of Quantitative Information

Thursday, November 8, 12

Page 9: Uni Studies 3 - Donald Bren School of Information and …djp3/classes/2012_09_UNISTU3/Lectures/Lecture05/... · The Visual Display of Quantitative Information •1765 •abstraction

The Visual Display of Quantitative Information

Thursday, November 8, 12

Page 10: Uni Studies 3 - Donald Bren School of Information and …djp3/classes/2012_09_UNISTU3/Lectures/Lecture05/... · The Visual Display of Quantitative Information •1765 •abstraction

The Visual Display of Quantitative Information

Thursday, November 8, 12

Page 11: Uni Studies 3 - Donald Bren School of Information and …djp3/classes/2012_09_UNISTU3/Lectures/Lecture05/... · The Visual Display of Quantitative Information •1765 •abstraction

• The story...

• Infographics comes from

• geographical representation

• time-series representation

• combinations

• abstractions

The Visual Display of Quantitative Information

Thursday, November 8, 12

Page 12: Uni Studies 3 - Donald Bren School of Information and …djp3/classes/2012_09_UNISTU3/Lectures/Lecture05/... · The Visual Display of Quantitative Information •1765 •abstraction

The Visual Display of Quantitative Information

• Data maps took a long time to be used

• 17th century

• early Chinese map c. 1137AD

• European equivalents not until 1550

Thursday, November 8, 12

Page 13: Uni Studies 3 - Donald Bren School of Information and …djp3/classes/2012_09_UNISTU3/Lectures/Lecture05/... · The Visual Display of Quantitative Information •1765 •abstraction

The Visual Display of Quantitative Information

• Data maps took a long time to be used

• 17th century

• early Chinese map c. 1137AD

• European equivalents not until 1550

Thursday, November 8, 12

Page 14: Uni Studies 3 - Donald Bren School of Information and …djp3/classes/2012_09_UNISTU3/Lectures/Lecture05/... · The Visual Display of Quantitative Information •1765 •abstraction

The Visual Display of Quantitative Information

• Edmond Halley’s 1686 chart showing trade winds on a world map

• data map

Thursday, November 8, 12

Page 15: Uni Studies 3 - Donald Bren School of Information and …djp3/classes/2012_09_UNISTU3/Lectures/Lecture05/... · The Visual Display of Quantitative Information •1765 •abstraction

The Visual Display of Quantitative Information

•Minard 1845

• data mapThursday, November 8, 12

Page 16: Uni Studies 3 - Donald Bren School of Information and …djp3/classes/2012_09_UNISTU3/Lectures/Lecture05/... · The Visual Display of Quantitative Information •1765 •abstraction

Google Maps API

Credit: John Snow, On the Mode of Communication of Cholera, 1855Thursday, November 8, 12

Page 17: Uni Studies 3 - Donald Bren School of Information and …djp3/classes/2012_09_UNISTU3/Lectures/Lecture05/... · The Visual Display of Quantitative Information •1765 •abstraction

The Visual Display of Quantitative Information

• 10th century monastic diagram of celestial bodies

• time series

Thursday, November 8, 12

Page 18: Uni Studies 3 - Donald Bren School of Information and …djp3/classes/2012_09_UNISTU3/Lectures/Lecture05/... · The Visual Display of Quantitative Information •1765 •abstraction

The Visual Display of Quantitative Information

• It was not until 1700s that time-series charts began to appear in scientific writings

Thursday, November 8, 12

Page 19: Uni Studies 3 - Donald Bren School of Information and …djp3/classes/2012_09_UNISTU3/Lectures/Lecture05/... · The Visual Display of Quantitative Information •1765 •abstraction

The Visual Display of Quantitative Information

• 1861

• combination space and time

Thursday, November 8, 12

Page 20: Uni Studies 3 - Donald Bren School of Information and …djp3/classes/2012_09_UNISTU3/Lectures/Lecture05/... · The Visual Display of Quantitative Information •1765 •abstraction

The Visual Display of Quantitative Information

• 1885

• combination

Thursday, November 8, 12

Page 21: Uni Studies 3 - Donald Bren School of Information and …djp3/classes/2012_09_UNISTU3/Lectures/Lecture05/... · The Visual Display of Quantitative Information •1765 •abstraction

The Visual Display of Quantitative Information

• combination

Thursday, November 8, 12

Page 22: Uni Studies 3 - Donald Bren School of Information and …djp3/classes/2012_09_UNISTU3/Lectures/Lecture05/... · The Visual Display of Quantitative Information •1765 •abstraction

The Visual Display of Quantitative Information

• 1765

• abstraction

• By 1800’s graphical design was no longer dependent on direct analogy to the physical world. Any quantity could be placed in relationship to any other variable quantity. [Infographics] became relevant to all quantitative inquiry.

Thursday, November 8, 12

Page 23: Uni Studies 3 - Donald Bren School of Information and …djp3/classes/2012_09_UNISTU3/Lectures/Lecture05/... · The Visual Display of Quantitative Information •1765 •abstraction

The Visual Display of Quantitative Information

• Support and deny causal relationships

Thursday, November 8, 12

Page 24: Uni Studies 3 - Donald Bren School of Information and …djp3/classes/2012_09_UNISTU3/Lectures/Lecture05/... · The Visual Display of Quantitative Information •1765 •abstraction

Thursday, November 8, 12