data visualization - princeton...

12
Data Visualization SML201: Introduction to Data Science, Spring 2019 Michael Guerzhoy Content from Kieran Healy, Data Visualization

Upload: others

Post on 04-Oct-2020

3 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Data Visualization - Princeton Universityguerzhoy.mycpanel.princeton.edu/201s19/lec/W03/dataviz.pdf · Bad DataViz: Bad Data 6 • Looks nice • Implies people were asked “Is it

Data Visualization

SML201: Introduction to Data Science, Spring 2019

Michael GuerzhoyContent from Kieran Healy, Data Visualization

Page 2: Data Visualization - Princeton Universityguerzhoy.mycpanel.princeton.edu/201s19/lec/W03/dataviz.pdf · Bad DataViz: Bad Data 6 • Looks nice • Implies people were asked “Is it

What makes for good DataViz?

2

Charles Joseph Minard• Presents information in a comprehensible, non-misleading, and memorable way• A creative process

Page 3: Data Visualization - Princeton Universityguerzhoy.mycpanel.princeton.edu/201s19/lec/W03/dataviz.pdf · Bad DataViz: Bad Data 6 • Looks nice • Implies people were asked “Is it

Good DataViz?

3

Monstrous Costs by Nigel Holmes

• Memorable• Not misleading• (Probably) comprehensible

Page 4: Data Visualization - Princeton Universityguerzhoy.mycpanel.princeton.edu/201s19/lec/W03/dataviz.pdf · Bad DataViz: Bad Data 6 • Looks nice • Implies people were asked “Is it

Bad DataViz: Bad Taste

4

• Not as easy to read as it could be

• Tacky• “Junk Chart”• Not so terrible

Page 5: Data Visualization - Princeton Universityguerzhoy.mycpanel.princeton.edu/201s19/lec/W03/dataviz.pdf · Bad DataViz: Bad Data 6 • Looks nice • Implies people were asked “Is it

Bad DataViz: Bad Taste

5

Number of o-rings damaged dependingon temperature: the figure in the report

A much better figure

Page 6: Data Visualization - Princeton Universityguerzhoy.mycpanel.princeton.edu/201s19/lec/W03/dataviz.pdf · Bad DataViz: Bad Data 6 • Looks nice • Implies people were asked “Is it

Bad DataViz: Bad Data

6

• Looks nice• Implies people were

asked “Is it important to live in a democracy,” and we are plotting the percentage of “yes” responses

• Actually, we are plotting of people who answered 10/10 to “On a scale of 1-10, how important is it to live in a democracy”

Page 7: Data Visualization - Princeton Universityguerzhoy.mycpanel.princeton.edu/201s19/lec/W03/dataviz.pdf · Bad DataViz: Bad Data 6 • Looks nice • Implies people were asked “Is it

Bad DataViz: Bad Data

7

There is a decline, butthis is not NYT materialanymore now that wemeasure the average rating

Page 8: Data Visualization - Princeton Universityguerzhoy.mycpanel.princeton.edu/201s19/lec/W03/dataviz.pdf · Bad DataViz: Bad Data 6 • Looks nice • Implies people were asked “Is it

Bad DataViz: Perception-Unfriendly design

8

Hard to figureout the values!

Page 9: Data Visualization - Princeton Universityguerzhoy.mycpanel.princeton.edu/201s19/lec/W03/dataviz.pdf · Bad DataViz: Bad Data 6 • Looks nice • Implies people were asked “Is it

Bad DataViz: Uninspired Design

9

Difficult to see the trends for the different types

Page 10: Data Visualization - Princeton Universityguerzhoy.mycpanel.princeton.edu/201s19/lec/W03/dataviz.pdf · Bad DataViz: Bad Data 6 • Looks nice • Implies people were asked “Is it

Bad DataViz: Honesty Issues

10

Same data, but the graph on the left is quite misleading

Page 11: Data Visualization - Princeton Universityguerzhoy.mycpanel.princeton.edu/201s19/lec/W03/dataviz.pdf · Bad DataViz: Bad Data 6 • Looks nice • Implies people were asked “Is it

Preattentive search

11

• Compare how much color “pops out” compared to shape• More data makes things much more difficult

• Searching for the blue circle on the right is very difficult

Page 12: Data Visualization - Princeton Universityguerzhoy.mycpanel.princeton.edu/201s19/lec/W03/dataviz.pdf · Bad DataViz: Bad Data 6 • Looks nice • Implies people were asked “Is it

Gestalt rules

• Humans readily perceive patterns (real or not) based on proximity, similarity, connection, continuity, closure, belongingto background/foreground, common movement

12

random

Non-random