data storytelling: hks comm - harvard universitybig principles: edward tufte: data-ink ratio -- show...

48
Data Storytelling: HKS Comm Program Workshop John Wihbey, Northeastern University @wihbey

Upload: others

Post on 26-May-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Data Storytelling: HKS Comm - Harvard UniversityBig principles: Edward Tufte: Data-ink ratio -- show the data as much as possible (minimalism) Ben Shneiderman: “Overview First, Zoom

Data Storytelling: HKS Comm Program Workshop

John Wihbey, Northeastern University

@wihbey

Page 2: Data Storytelling: HKS Comm - Harvard UniversityBig principles: Edward Tufte: Data-ink ratio -- show the data as much as possible (minimalism) Ben Shneiderman: “Overview First, Zoom
Page 3: Data Storytelling: HKS Comm - Harvard UniversityBig principles: Edward Tufte: Data-ink ratio -- show the data as much as possible (minimalism) Ben Shneiderman: “Overview First, Zoom

Courtesy Michelle Borkin, Northeastern

Page 4: Data Storytelling: HKS Comm - Harvard UniversityBig principles: Edward Tufte: Data-ink ratio -- show the data as much as possible (minimalism) Ben Shneiderman: “Overview First, Zoom

“The first and main goal of any graphic and visualization is to be a tool for your eyes and brain to perceive what lies beyond their natural reach.”

-Alberto Cairo, The Functional Art

Page 5: Data Storytelling: HKS Comm - Harvard UniversityBig principles: Edward Tufte: Data-ink ratio -- show the data as much as possible (minimalism) Ben Shneiderman: “Overview First, Zoom
Page 6: Data Storytelling: HKS Comm - Harvard UniversityBig principles: Edward Tufte: Data-ink ratio -- show the data as much as possible (minimalism) Ben Shneiderman: “Overview First, Zoom
Page 7: Data Storytelling: HKS Comm - Harvard UniversityBig principles: Edward Tufte: Data-ink ratio -- show the data as much as possible (minimalism) Ben Shneiderman: “Overview First, Zoom
Page 8: Data Storytelling: HKS Comm - Harvard UniversityBig principles: Edward Tufte: Data-ink ratio -- show the data as much as possible (minimalism) Ben Shneiderman: “Overview First, Zoom
Page 9: Data Storytelling: HKS Comm - Harvard UniversityBig principles: Edward Tufte: Data-ink ratio -- show the data as much as possible (minimalism) Ben Shneiderman: “Overview First, Zoom

https://www.autodeskresearch.com/publications/samestats

Page 10: Data Storytelling: HKS Comm - Harvard UniversityBig principles: Edward Tufte: Data-ink ratio -- show the data as much as possible (minimalism) Ben Shneiderman: “Overview First, Zoom

Courtesy Michelle Borkin, Northeastern

Page 11: Data Storytelling: HKS Comm - Harvard UniversityBig principles: Edward Tufte: Data-ink ratio -- show the data as much as possible (minimalism) Ben Shneiderman: “Overview First, Zoom
Page 13: Data Storytelling: HKS Comm - Harvard UniversityBig principles: Edward Tufte: Data-ink ratio -- show the data as much as possible (minimalism) Ben Shneiderman: “Overview First, Zoom
Page 14: Data Storytelling: HKS Comm - Harvard UniversityBig principles: Edward Tufte: Data-ink ratio -- show the data as much as possible (minimalism) Ben Shneiderman: “Overview First, Zoom

Prof. Michelle Borkin

Page 15: Data Storytelling: HKS Comm - Harvard UniversityBig principles: Edward Tufte: Data-ink ratio -- show the data as much as possible (minimalism) Ben Shneiderman: “Overview First, Zoom

http://www.datavizcatalogue.com/

Page 16: Data Storytelling: HKS Comm - Harvard UniversityBig principles: Edward Tufte: Data-ink ratio -- show the data as much as possible (minimalism) Ben Shneiderman: “Overview First, Zoom

Big principles:● Edward Tufte: Data-ink ratio -- show the data as

much as possible (minimalism)

● Ben Shneiderman: “Overview First, Zoom and Filter, Details on Demand” (layers)

Page 17: Data Storytelling: HKS Comm - Harvard UniversityBig principles: Edward Tufte: Data-ink ratio -- show the data as much as possible (minimalism) Ben Shneiderman: “Overview First, Zoom
Page 18: Data Storytelling: HKS Comm - Harvard UniversityBig principles: Edward Tufte: Data-ink ratio -- show the data as much as possible (minimalism) Ben Shneiderman: “Overview First, Zoom
Page 19: Data Storytelling: HKS Comm - Harvard UniversityBig principles: Edward Tufte: Data-ink ratio -- show the data as much as possible (minimalism) Ben Shneiderman: “Overview First, Zoom

Facebook friends network

Snow, 1854 London Cholera Outbreak

Page 20: Data Storytelling: HKS Comm - Harvard UniversityBig principles: Edward Tufte: Data-ink ratio -- show the data as much as possible (minimalism) Ben Shneiderman: “Overview First, Zoom

Minard, Napoleon in Russia (1869)

Page 21: Data Storytelling: HKS Comm - Harvard UniversityBig principles: Edward Tufte: Data-ink ratio -- show the data as much as possible (minimalism) Ben Shneiderman: “Overview First, Zoom
Page 22: Data Storytelling: HKS Comm - Harvard UniversityBig principles: Edward Tufte: Data-ink ratio -- show the data as much as possible (minimalism) Ben Shneiderman: “Overview First, Zoom
Page 23: Data Storytelling: HKS Comm - Harvard UniversityBig principles: Edward Tufte: Data-ink ratio -- show the data as much as possible (minimalism) Ben Shneiderman: “Overview First, Zoom
Page 24: Data Storytelling: HKS Comm - Harvard UniversityBig principles: Edward Tufte: Data-ink ratio -- show the data as much as possible (minimalism) Ben Shneiderman: “Overview First, Zoom
Page 25: Data Storytelling: HKS Comm - Harvard UniversityBig principles: Edward Tufte: Data-ink ratio -- show the data as much as possible (minimalism) Ben Shneiderman: “Overview First, Zoom

Cairo, The Functional Art

Page 26: Data Storytelling: HKS Comm - Harvard UniversityBig principles: Edward Tufte: Data-ink ratio -- show the data as much as possible (minimalism) Ben Shneiderman: “Overview First, Zoom

datasciencecenteral.com

Page 27: Data Storytelling: HKS Comm - Harvard UniversityBig principles: Edward Tufte: Data-ink ratio -- show the data as much as possible (minimalism) Ben Shneiderman: “Overview First, Zoom

datasciencecentral.com

Page 28: Data Storytelling: HKS Comm - Harvard UniversityBig principles: Edward Tufte: Data-ink ratio -- show the data as much as possible (minimalism) Ben Shneiderman: “Overview First, Zoom

datasciencecentral.com

Page 29: Data Storytelling: HKS Comm - Harvard UniversityBig principles: Edward Tufte: Data-ink ratio -- show the data as much as possible (minimalism) Ben Shneiderman: “Overview First, Zoom

datasciencecentral.com

Page 30: Data Storytelling: HKS Comm - Harvard UniversityBig principles: Edward Tufte: Data-ink ratio -- show the data as much as possible (minimalism) Ben Shneiderman: “Overview First, Zoom

Let’s play….

http://guessthecorrelation.com/

Page 31: Data Storytelling: HKS Comm - Harvard UniversityBig principles: Edward Tufte: Data-ink ratio -- show the data as much as possible (minimalism) Ben Shneiderman: “Overview First, Zoom

Cool recent viz examples….

Page 32: Data Storytelling: HKS Comm - Harvard UniversityBig principles: Edward Tufte: Data-ink ratio -- show the data as much as possible (minimalism) Ben Shneiderman: “Overview First, Zoom

http://www.nytimes.com/interactive/2015/10/03/us/how-mass-shooters-got-their-guns.html

Page 33: Data Storytelling: HKS Comm - Harvard UniversityBig principles: Edward Tufte: Data-ink ratio -- show the data as much as possible (minimalism) Ben Shneiderman: “Overview First, Zoom

https://www.theguardian.com/us-news/ng-interactive/2015/oct/19/homan-square-chicago-police-detainees

Page 34: Data Storytelling: HKS Comm - Harvard UniversityBig principles: Edward Tufte: Data-ink ratio -- show the data as much as possible (minimalism) Ben Shneiderman: “Overview First, Zoom

Fatal Force https://www.washingtonpost.com/graphics/national/police-shootings/

Page 35: Data Storytelling: HKS Comm - Harvard UniversityBig principles: Edward Tufte: Data-ink ratio -- show the data as much as possible (minimalism) Ben Shneiderman: “Overview First, Zoom

http://projects.thelensnola.org/demolitions/#home

Page 36: Data Storytelling: HKS Comm - Harvard UniversityBig principles: Edward Tufte: Data-ink ratio -- show the data as much as possible (minimalism) Ben Shneiderman: “Overview First, Zoom

http://www.nytimes.com/interactive/2012/01/15/business/one-percent-map.html

Page 37: Data Storytelling: HKS Comm - Harvard UniversityBig principles: Edward Tufte: Data-ink ratio -- show the data as much as possible (minimalism) Ben Shneiderman: “Overview First, Zoom

http://www.npr.org/news/graphics/2011/10/toxic-air/#4.00/39.00/-84.00

Page 38: Data Storytelling: HKS Comm - Harvard UniversityBig principles: Edward Tufte: Data-ink ratio -- show the data as much as possible (minimalism) Ben Shneiderman: “Overview First, Zoom

https://projects.propublica.org/docdollars/

Page 39: Data Storytelling: HKS Comm - Harvard UniversityBig principles: Edward Tufte: Data-ink ratio -- show the data as much as possible (minimalism) Ben Shneiderman: “Overview First, Zoom

http://projects.latimes.com/value-added/

Page 40: Data Storytelling: HKS Comm - Harvard UniversityBig principles: Edward Tufte: Data-ink ratio -- show the data as much as possible (minimalism) Ben Shneiderman: “Overview First, Zoom
Page 41: Data Storytelling: HKS Comm - Harvard UniversityBig principles: Edward Tufte: Data-ink ratio -- show the data as much as possible (minimalism) Ben Shneiderman: “Overview First, Zoom
Page 42: Data Storytelling: HKS Comm - Harvard UniversityBig principles: Edward Tufte: Data-ink ratio -- show the data as much as possible (minimalism) Ben Shneiderman: “Overview First, Zoom
Page 43: Data Storytelling: HKS Comm - Harvard UniversityBig principles: Edward Tufte: Data-ink ratio -- show the data as much as possible (minimalism) Ben Shneiderman: “Overview First, Zoom
Page 44: Data Storytelling: HKS Comm - Harvard UniversityBig principles: Edward Tufte: Data-ink ratio -- show the data as much as possible (minimalism) Ben Shneiderman: “Overview First, Zoom
Page 45: Data Storytelling: HKS Comm - Harvard UniversityBig principles: Edward Tufte: Data-ink ratio -- show the data as much as possible (minimalism) Ben Shneiderman: “Overview First, Zoom
Page 46: Data Storytelling: HKS Comm - Harvard UniversityBig principles: Edward Tufte: Data-ink ratio -- show the data as much as possible (minimalism) Ben Shneiderman: “Overview First, Zoom
Page 47: Data Storytelling: HKS Comm - Harvard UniversityBig principles: Edward Tufte: Data-ink ratio -- show the data as much as possible (minimalism) Ben Shneiderman: “Overview First, Zoom
Page 48: Data Storytelling: HKS Comm - Harvard UniversityBig principles: Edward Tufte: Data-ink ratio -- show the data as much as possible (minimalism) Ben Shneiderman: “Overview First, Zoom

Data Storytelling: HKS Comm Program Workshop

John Wihbey, Northeastern University

@wihbey