zen of visual analysis (slideshare)

52
The Zen of Visual Analysis Andy Cotgreave @acotgreave

Upload: andy-cotgreave

Post on 01-Nov-2014

2.717 views

Category:

Education


0 download

DESCRIPTION

These are the slides from my Oxford Geek Night talk on 22 Jan. I hope they give some inspiration for making great data visualisations!

TRANSCRIPT

Page 1: Zen of visual analysis (slideshare)

The Zen of Visual Analysis

Andy Cotgreave

@acotgreave

Page 3: Zen of visual analysis (slideshare)

BAD CHARTS

Page 4: Zen of visual analysis (slideshare)
Page 5: Zen of visual analysis (slideshare)

5 steps…

Page 6: Zen of visual analysis (slideshare)

1. Why viz?

Page 7: Zen of visual analysis (slideshare)

Consider these numbers…

Page 8: Zen of visual analysis (slideshare)

Consider these numbers…

Property Value Mean of x 9

Variance of x 11

Mean of y 7.5 (to 2 dp)

Variance of y 4.122 (to 3 dp)

Correlation 0.816 (3dp)

Linear regression y=3+.5x (3dp)

Page 9: Zen of visual analysis (slideshare)

Consider these numbers…

Blue Orange

Green Red

Page 10: Zen of visual analysis (slideshare)

Consider these numbers…

Orange

Green Red

Page 11: Zen of visual analysis (slideshare)

Consider these numbers…

Green Red

Page 12: Zen of visual analysis (slideshare)

Consider these numbers…

Red

Page 13: Zen of visual analysis (slideshare)

Consider these numbers…

Page 14: Zen of visual analysis (slideshare)

Consider these numbers…

Page 15: Zen of visual analysis (slideshare)

2. Don’t fool your eyes

Page 16: Zen of visual analysis (slideshare)

From the Texas School for the Blind and Visually Impaired

Page 17: Zen of visual analysis (slideshare)

Change blindness

http://www.cs.ubc.ca/~rensink/flicker/download/Airplane.mov

Spot the difference!

Page 18: Zen of visual analysis (slideshare)

The answer…

Page 19: Zen of visual analysis (slideshare)

Grey screen: explain importance of Change Blindness

Page 20: Zen of visual analysis (slideshare)

Grey screen: explain importance of Change Blindness

Page 21: Zen of visual analysis (slideshare)
Page 22: Zen of visual analysis (slideshare)

http://www.informationisbeautiful.net/visualizations/colours-in-cultures/

Page 23: Zen of visual analysis (slideshare)

http://www.informationisbeautiful.net/visualizations/colours-in-cultures/

What colour do Asians associate with Purity?

Page 24: Zen of visual analysis (slideshare)

http://www.informationisbeautiful.net/visualizations/colours-in-cultures/

What colour do Asians associate with Purity?

1

Page 25: Zen of visual analysis (slideshare)

http://www.informationisbeautiful.net/visualizations/colours-in-cultures/

What colour do Asians associate with Purity?

2

Page 26: Zen of visual analysis (slideshare)

http://www.informationisbeautiful.net/visualizations/colours-in-cultures/

What colour do Asians associate with Purity?

3

Page 27: Zen of visual analysis (slideshare)

http://www.informationisbeautiful.net/visualizations/colours-in-cultures/

What colour do Asians associate with Purity?

4

Page 28: Zen of visual analysis (slideshare)

http://www.informationisbeautiful.net/visualizations/colours-in-cultures/

What colour do Asians associate with Purity?

5

Page 29: Zen of visual analysis (slideshare)

http://www.informationisbeautiful.net/visualizations/colours-in-cultures/

What colour do Asians associate with Purity?

6

Page 30: Zen of visual analysis (slideshare)

http://www.informationisbeautiful.net/visualizations/colours-in-cultures/

What colour do Asians associate with Purity?

Beautiful? Functional?

Page 31: Zen of visual analysis (slideshare)

http://vizcandy.blogspot.ca/p/tableau-8-redoux.html

Page 32: Zen of visual analysis (slideshare)

3. Exploit the power of the visual system

Page 33: Zen of visual analysis (slideshare)

From the Texas School for the Blind and Visually Impaired

Page 34: Zen of visual analysis (slideshare)
Page 35: Zen of visual analysis (slideshare)
Page 36: Zen of visual analysis (slideshare)
Page 37: Zen of visual analysis (slideshare)

In the following slides, which is bigger: B, C or D?

Page 38: Zen of visual analysis (slideshare)
Page 39: Zen of visual analysis (slideshare)
Page 40: Zen of visual analysis (slideshare)
Page 41: Zen of visual analysis (slideshare)
Page 42: Zen of visual analysis (slideshare)

4. Engage with value, not candy

Page 43: Zen of visual analysis (slideshare)
Page 45: Zen of visual analysis (slideshare)

http://graphics-info.blogspot.hk/2012/09/malofiej-20-look-at-our-participation.html (Simon Scarr)

It is possible to make functional charts that are also beautiful

Page 46: Zen of visual analysis (slideshare)

5. What’s your message?

Page 47: Zen of visual analysis (slideshare)

http://graphics-info.blogspot.hk/2012/09/malofiej-20-look-at-our-participation.html

The message is delivered by the title, the colour and the axis going down: A Smear Of Blood

Page 48: Zen of visual analysis (slideshare)

http://graphics-info.blogspot.hk/2012/09/malofiej-20-look-at-our-participation.html

Let’s change the message without changing the data

Page 51: Zen of visual analysis (slideshare)

“When I am working on a problem, I never think about beauty. I only think about how to solve the problem. But when I have finished, if the solution is not beautiful, I know it is wrong.”

- R. Buckminster Fuller

@acotgreave www.gravyanecdote.com