PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

77
get your point across for PLOTCON • Nov 16, 2016 the art of choosing the right visualization for your data Mollie Pettit @MollzMP Jess Freaner @jessfreaner

Transcript of PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

Page 1: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

get your point across

for PLOTCON • Nov 16, 2016

the art of choosing the right visualization for your data

Mollie Pettit @MollzMPJess Freaner @jessfreaner

Page 2: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

- iteration in action: a case study

agenda

- iterative design process

- storytelling techniques

- visualization fundamentals

- why visualize data?

Page 3: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

why visualize data?

Page 4: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

explore data

Same mean for x and ySame variance for x and ySame correlationSame best fit line

Page 5: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

explore data

Page 6: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

tell a story

Mona Chalabi mona_chalabi

Page 7: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

visualizationfundamentals

Page 8: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

tradeoffs

Randall Munroe - XKCD@xkcd

Page 9: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

context matters

Page 10: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

maps

Randall Munroe - XKCD@xkcd

Page 11: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

maps

proxies for population density!

Randall Munroe - XKCD@xkcd

Page 12: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

5 years of drought

John Nelson@John_M_Nelson

Page 13: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

pie charts

Randall Munroe - XKCD@xkcd

Page 14: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

pie charts

Randall Munroe - XKCD@xkcd

Page 15: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

bar graphs

Randall Munroe - XKCD; @xkcd

Page 16: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

line charts

Yes you are! And you’re sitting there! Hi, Kitty!

Randall Munroe - XKCD@xkcd

Page 17: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

avoid noise

Joey Cherdarchuk@cherdarchuk

Page 18: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

avoid noise

Joey Cherdarchuk@cherdarchuk

Page 19: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

does it add anything?is it necessary?will it be missed?

revise

Page 20: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

feedback

Randall Munroe - XKCD@xkcd

Page 21: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

storytellingtechniques

Page 22: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

5 years of drought

Page 23: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

compare all medaliststhrough time

men’s 100-meter sprint

Kevin Quealy and Graham Roberts@KevinQ, @Grahaphics

Page 24: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

simple choices

Page 25: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

complex choice

Kevin Quealy and Graham Roberts@KevinQ, @Grahaphics

Page 26: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

complex choice

Kevin Quealy and Graham Roberts@KevinQ, @Grahaphics

Page 27: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

complex choice

Kevin Quealy and Graham Roberts@KevinQ, @Grahaphics

Page 28: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

with complex stories…

Nate Cohn and Amanda Cox@Nate_Cohn, @amandacox

Page 29: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

introduce idea

Nate Cohn and Amanda Cox@Nate_Cohn, @amandacox

Page 30: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

Nate Cohn and Amanda Cox@Nate_Cohn, @amandacox

how do you do this?!

Page 31: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

iterativedesignprocess

Page 32: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

anticipate refining your solutiongenerate ideas

build prototype

iterative problem solving

evaluation

Page 33: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

anticipate refining your solutiongenerate ideas

build prototype

iterative problem solving

evaluation

Page 34: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

anticipate refining your solutiongenerate ideas

build prototype

iterative problem solving

evaluation

Page 35: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

anticipate refining your solutiongenerate ideas

build prototype

iterative problem solving

evaluation

Page 36: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

anticipate refining your solutiongenerate ideas

build prototype

iterative problem solving

evaluation

Page 37: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

anticipate refining your solutiongenerate ideas

build prototype

iterative problem solving

evaluation

Page 38: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

anticipate refining your solutiongenerate ideas

build prototype

iterative problem solving

evaluation

Page 39: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

anticipate refining your solutiongenerate ideas

build prototype

iterative problem solving

evaluation

Page 40: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

a walk throughthe process

Page 41: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

backstory

> moveForward(100);

Page 42: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

backstory

Page 43: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

what is computer science?

Page 44: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

I think you learn about computer safety.

:)

When you are a genis at electronics

:)

Using code and fixing and making computers.

:)

Page 45: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

science on a computer

programming / coding

how computers work

how to use computers

studying computers

a website, program, or game

typing / testing

using computers to solve problems

engineering

someone good at computers

internet safetyexperiments / research / modeling

I like it!

class / learning / lessons

making apps, games, or websites

I don’t know

what’s inside a computer

Page 46: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

brainstorm

Page 47: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

bar charts

Page 48: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

bar charts

Page 49: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

bar charts

Page 50: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

bar charts

Page 51: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

“ribbon” bar

Page 52: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

grouped view

programming

apps/games

VS

Page 53: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

cell/treemap charts

Page 54: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

cohort view

Page 55: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

cohort view

Page 56: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

keywords/phrases in free textword cloud

Page 57: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

keywords/phrases in free textclusters

Page 58: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

punctuation

Page 59: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

emoticons

Page 60: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

specific responses?

Page 61: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

specific responses?

Page 62: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

the verdict?

Page 63: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

cohort view

Page 64: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data
Page 65: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data
Page 66: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data
Page 67: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

like how u can control the angry birds like u make :)

Learning how computers work.:)

blurb list

Page 68: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

like how u can control the angry birds like u make stuff move

:)

Learning how computers work.

:)

side blurbs

Page 69: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

side blurbs

like how u can control the angry birds like u make stuff move

:)

Page 70: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

Learning how computers work.

like how u can control the angry birds like u make stuff move

crowd blurbs

Page 71: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

the end resulthttp://bit.ly/what-is-comp-sci

Page 72: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

the end resulthttp://bit.ly/what-is-comp-sci

Page 73: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

the end resulthttp://bit.ly/what-is-comp-sci

Page 74: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

takeaways

- fundamentals / tradeoffs

- know when to follow / break them

- use context, audience, purpose to guide you

Page 75: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

- fundamentals / tradeoffs

- iterate and be flexible

takeaways

Page 76: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

- fundamentals / tradeoffs

- iterate and be flexible

- use context, audience, purpose to guide you

takeaways

Page 77: PLOTCON NYC: Get Your Point Across: The Art of Choosing the Right Visualization for your Data

Mollie Pettit @MollzMPJess Freaner @jessfreaner

Thanks!@DsAtweet

get your point acrossthe art of choosing the right visualization for your data