introduction to data visualization - propublica · why visualize data how our brains work the...

125
Data Visualization Introduction to

Upload: others

Post on 27-May-2020

7 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

Data Visualization

Introduction to

Page 2: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

What You Will Learn

Why visualize dataHow our brains workThe origins of data visualization Some basic forms of data visualizationHow things can go wrong

(and how not to be fooled)

Page 3: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

Isabel Meirelles, “Design for Information”

Page 4: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

Why Visualize

Data?

Page 5: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

Isabel Meirelles, “Design for Information”

Page 6: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

“Effective analytic designs entail turning thinking principles into seeing principles.”

— Edward Tufte

Page 7: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

Exercise

Small groups, please.

Page 8: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

Groups

Briefly analyze the graphic:What am I supposed to do with it?What story does it tell?Are there other better ways to display this data?

Page 9: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

Historyof Data Visualization

A very brief

Page 10: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

Rene Descartes

1596–1650

Page 11: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

1634Wikimedia Commons

Page 12: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

William Playfair

1759–1823

Page 13: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

1786

Page 14: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

1805

Page 15: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

1821

Page 16: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

1824

Page 17: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

“It gives a simple, accurate,

and permanent idea, by giving

form and shape to a number of

separate ideas, which are

otherwise abstract and

unconnected.”

Page 18: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

“...making an appeal to the eye when proportion and

magnitude are concerned, is the best and readiest method of conveying a distinct idea.”

Page 19: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

“No one will ever believe that such methods can serve any

useful purpose in the study of statistics.”

Jacques Peuchet, 1805

Page 20: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

“Outside its use as a

pedagogic means, it is only

a plaything without

importance.”

Carl Kneis, 1850

Page 21: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

Charles Joseph Minard

1781–1870

Page 22: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

1861

Page 23: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

John Snow

1813–1858

Page 24: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

Jon Snow

Used to be dead.

Page 25: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

John Snow

Still dead.

Page 26: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go
Page 27: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

1854

Page 28: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

Perception

Page 29: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

Preattentive vs. Attentive

Fast Brainvs. Slow Brain

Page 30: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

Mirielles, Ware

Page 31: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

Mirielles, Ware

Page 32: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

Mirielles, Ware

Page 33: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

Mirielles, Ware

Page 34: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

Mirielles, Ware

Page 35: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go
Page 36: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go
Page 37: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go
Page 38: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

Jonathan Corum, The New York Times

Page 39: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

Jonathan Corum, The New York Times

Page 40: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

Jonathan Corum, The New York Times

Page 41: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go
Page 42: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

Vocabulary of Forms

Page 43: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go
Page 44: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go
Page 45: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

Lines

Page 46: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go
Page 47: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

http://poly-graph.co/timeless/future.html

Page 48: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

http://www.nytimes.com/interactive/2009/11/06/business/economy/unemployment-lines.html

Page 49: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

Bars

Page 50: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go
Page 51: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go
Page 52: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

2007

Page 53: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

Pies

Page 54: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go
Page 55: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

http://www.datavis.ca/gallery/evil-pies.php

Page 56: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

Circles

Page 57: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

http://www.nytimes.com/interactive/2012/02/13/us/politics/2013-budget-proposal-graphic.html

Page 58: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

https://www.youtube.com/watch?v=jbkSRLYSojo

Page 59: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

Radials

Page 61: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go
Page 62: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go
Page 63: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

Treemaps

and Voronois

Page 65: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go
Page 66: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go
Page 67: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go
Page 68: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

Sankey Diagrams

Page 69: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go
Page 70: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go
Page 71: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go
Page 72: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

Heatmaps

Page 73: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go
Page 74: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go
Page 75: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go
Page 76: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

Scatterplots

Page 77: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go
Page 78: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

Maps & Cartograms

Page 79: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

Choropleth

Page 80: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go
Page 81: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go
Page 82: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go
Page 83: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go
Page 84: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

Cartogram

Page 85: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go
Page 86: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

http://elections.nytimes.com/2012/ratings/electoral-map

Page 87: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

http://www.nytimes.com/interactive/2013/01/29/us/where-50000-guns-in-chicago-came-from.html?_r=1&

Page 88: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go
Page 89: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go
Page 90: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

Dot-Density Map

Page 91: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go
Page 92: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

http://projects.nytimes.com/census/2010/map

Page 93: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

Small Multiples

Page 94: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go
Page 96: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go
Page 97: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

Defense Against

the DarkArts

Page 98: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go
Page 99: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go
Page 100: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go
Page 101: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go
Page 102: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go
Page 103: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go
Page 104: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go
Page 105: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go
Page 106: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go
Page 107: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

Chartjunk

Page 108: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

The interior decoration of graphics generates a lot of ink that does not tell the viewer anything new. The purpose of decoration varies – to make the graphic appear more scientific and precise, to

enliven the display, to give the designer an opportunity to exercise artistic skills. Regardless of its cause, it is all non-data-ink or redundant data-

ink, and it is often called chartjunk.

Edward Tufte, 1983

Page 109: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

Nigel Holmes

Page 110: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

1979

Page 111: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go
Page 112: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go
Page 113: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go
Page 114: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go
Page 115: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

http://visualoop.com/22981/vintage-infodesign-81

Page 116: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

http://visualoop.com/22981/vintage-infodesign-81

Page 117: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

A table is nearly always better than a dumb pie chart; the only worse design than a pie

chart is several of them, for then the viewer is asked to compare quantities located in spatial

disarray both within and between charts. Given their low density and failure to order

numbers along a visual dimension, pie charts should never be used.

Tufte, 1983

Page 118: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

There seems to be little objective basis for a prejudice against the pie based on

considerations of speed or accuracy of estimation – the pie chart does just as well, if

not better, on simple tasks such as the estimation of a single proportion or the

comparison of a small number of proportions.

Ian Spence, 2005

Page 119: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

The simple bar chart does not provide an integrated representation of the whole, thus making part-whole estimation more difficult.

Spence, 2005

Page 120: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go
Page 121: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go
Page 122: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go
Page 123: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go
Page 124: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go

“There’s a strand of the data vizworld that argues that everything

could be a bar chart. That’s possibly true but also possibly a

world without joy.”

Amanda Cox

Page 125: Introduction to Data Visualization - ProPublica · Why visualize data How our brains work The origins of data visualization Some basic forms of data visualization How things can go