delhi.bootcamp dataviz

20
“I can’t see the wood for the trees” (7 things to help make data-viz clearer)

Upload: leimdorfer

Post on 17-Jul-2015

229 views

Category:

Data & Analytics


2 download

TRANSCRIPT

Page 1: Delhi.bootcamp dataviz

“I can’t see the

wood for the trees”

(7 things to help make data-viz clearer)

Page 2: Delhi.bootcamp dataviz

Humans are

intensely visual

creatures

Page 3: Delhi.bootcamp dataviz

Location

Alphabet

Time

Category

Hierarchy

Richard Saul Wurman

Page 4: Delhi.bootcamp dataviz

Data

visualisation is

about exposing

patterns

Page 5: Delhi.bootcamp dataviz

Correlation

!= causation

Per capita consumption of mozzarella cheese (US)

correlates with

Civil engineering doctorates awarded (US)

Spurious Correlations: http://tylervigen.com/view_correlation?id=3890

Page 6: Delhi.bootcamp dataviz

What’s the story?

Page 7: Delhi.bootcamp dataviz

As a <someone>…

I want <a feature>…

So that <a benefit>…

What does your

audience want?

User Stories

Page 8: Delhi.bootcamp dataviz

As an Hispanic Mother

I want to see how unemployment

disproportionately affects young

women who haven’t graduated

high-school,

So that I can show my daughter

the difference an education

makes

User Stories

http://nyti.ms/NHqEMC

Page 9: Delhi.bootcamp dataviz

Overview first,

Zoom and Filter,

Details-on-demand

Impact

curiosityexploration

Ben Schneiderman

personalisation

Page 10: Delhi.bootcamp dataviz

Keep

It

Simple

S…

Page 11: Delhi.bootcamp dataviz

Less is more

http://bit.ly/1nC9JWO

Page 12: Delhi.bootcamp dataviz

Size matters

0

1

2

3

Xx Xx πx² / 4

Page 13: Delhi.bootcamp dataviz

Don’t use two

dimensions

when one

will do

Page 14: Delhi.bootcamp dataviz

Worse still…

Don’t use 3D

What are 3D Pie charts good for?

Page 15: Delhi.bootcamp dataviz

The axes of evil

Changing y-axis maximum

Changing ratio of graph dimensions

Page 16: Delhi.bootcamp dataviz

The axes of evil

Truncated bar graphs

http://bit.ly/1tcUsig

Page 17: Delhi.bootcamp dataviz

Colour Matters

1 in 12 men

are colour blind

http://wtfviz.net/

Page 18: Delhi.bootcamp dataviz

Geography

!= maps

Page 19: Delhi.bootcamp dataviz

Make it personal

I've just found out I’m in the Traditional working class group in Britain’s new class system #Whatsyourclass http://bbc.in/12acLLV

Overpriced fuel? I pay £0.39 more than average to fill up. Try @BBCNewsGraphics price calculator http://bbc.in/WeKlw4#petrolprice

Which Olympics athlete are you? I'm Paloma Schmidt - find out yours with the BBC's #AthleteLikeMe #BBC2012 #London2012 http://bbc.in/NE48lq

Page 20: Delhi.bootcamp dataviz

1. Form follows function

(What are the patterns in your data)

2. What does your Audience want?

(User stories: “As x, I want y, so that z”)

3. Overview first, then detail

(Martini glass)

4. Keep it simple

(Less is more)

5. Visualisations can misrepresent and mislead

(Shapes, axes and colour)

6. Geography != maps

(Maps are great – but complicated)

7. Make it personal

(What’s the Hashtag?)

More links: one-tab.com/page/r-QbXpgPR5KmyRdq0sYnEg