90
DATA + DESIGN where math and art collide Trina Chiasson, Infoactive | @trinachi | infoactive.co/data-design

Data Design: Where Math and Art Collide

Embed Size (px)

Citation preview

Page 1: Data Design: Where Math and Art Collide

DATA + DESIGNwhere math and art collide

Trina Chiasson, Infoactive | @trinachi | infoactive.co/data-design

Page 2: Data Design: Where Math and Art Collide

This year, I did something new.

I worked with 80+ volunteer contributors to write a

300-page ebook.

Page 3: Data Design: Where Math and Art Collide
Page 4: Data Design: Where Math and Art Collide

How do you write an

open source ebook?

It started with a message…

Page 5: Data Design: Where Math and Art Collide

Hi Trina! Stats dork from Chicago here… Do you have any plans to include tutorials for basic data cleaning and data selection techniques for users who may not have

any statistics background?

— Dyanna Gregory

Page 6: Data Design: Where Math and Art Collide

This is what most statistics textbooks look like. Most designers say…

Page 7: Data Design: Where Math and Art Collide

This isn’t for me

Page 8: Data Design: Where Math and Art Collide

HAVE YOU EVER SEEN A BAD INFOGRAPHIC?

24.5%NO

84.5% YES

Page 9: Data Design: Where Math and Art Collide

Why do so many infographics suck?

Page 10: Data Design: Where Math and Art Collide

THEORY #1

Graphic Designers are evil.

They sacrifice truthful data representation

for aesthetic gain.

Page 11: Data Design: Where Math and Art Collide

THEORY #2

Marketers are evil.

They sacrifice truthful data representation

for more clicks.

Page 12: Data Design: Where Math and Art Collide

THEORY #3

Most people aren’t evil.

Good data visualization is really hard to do.

Page 13: Data Design: Where Math and Art Collide

Who has skills in programming, design, and data analysis?

Page 14: Data Design: Where Math and Art Collide

Not everyone is blessed with the innate ability to make brilliant data visualizations.

Page 15: Data Design: Where Math and Art Collide

What data collection looked like, not too long ago

Page 16: Data Design: Where Math and Art Collide

What data storage looked like, not too long ago

Page 17: Data Design: Where Math and Art Collide

What data collection looks like today

Page 18: Data Design: Where Math and Art Collide

1985: The birth of Excel

Page 19: Data Design: Where Math and Art Collide

But what do we do with all of this data?

Page 20: Data Design: Where Math and Art Collide

The price of light is less than the cost of darkness.

— Arthur C. Nielsen, Market Researcher & Founder of ACNielsen

Page 21: Data Design: Where Math and Art Collide

Let’s send our data to a designer who can make it look pretty.

Page 22: Data Design: Where Math and Art Collide

But most designers are not trained in stats

Page 23: Data Design: Where Math and Art Collide

How about a friendly introduction to data?

Page 24: Data Design: Where Math and Art Collide

But how do you write an open source ebook?

Page 25: Data Design: Where Math and Art Collide
Page 26: Data Design: Where Math and Art Collide

There’s no open source book

on how to write an open source book.

Page 27: Data Design: Where Math and Art Collide
Page 28: Data Design: Where Math and Art Collide
Page 29: Data Design: Where Math and Art Collide

Don’t underestimate the awesomeness of strangers

on the internet.*

* Especially strangers who volunteer to write books about data in their free time.

Page 30: Data Design: Where Math and Art Collide

In six months, we wrote and released the

English version.

Data + Design is now being translated in Chinese, Russian,

Spanish, and French.

Page 31: Data Design: Where Math and Art Collide
Page 32: Data Design: Where Math and Art Collide
Page 33: Data Design: Where Math and Art Collide
Page 34: Data Design: Where Math and Art Collide

Is it true that dataviz people

hate pie charts?

Page 35: Data Design: Where Math and Art Collide

That’s a complex question.

Arguments against pie charts:

Page 36: Data Design: Where Math and Art Collide
Page 37: Data Design: Where Math and Art Collide
Page 38: Data Design: Where Math and Art Collide
Page 39: Data Design: Where Math and Art Collide
Page 40: Data Design: Where Math and Art Collide

13% 100%

Page 41: Data Design: Where Math and Art Collide

13%

Page 42: Data Design: Where Math and Art Collide
Page 43: Data Design: Where Math and Art Collide

A table is nearly always better than a dumb pie chart; the only worse design than a pie chart is several of them, for then the viewer is asked to compare quantities located in spatial disarray both within and between charts […] Given their low density and failure to order numbers along a visual dimension, pie charts should never be used.

Edward Tufte, "The Visual Display of Quantitative Information”

Page 44: Data Design: Where Math and Art Collide
Page 45: Data Design: Where Math and Art Collide
Page 46: Data Design: Where Math and Art Collide

Graphical perception: Theory, Experimentation, and Application to the Development of Graphical Models

Page 47: Data Design: Where Math and Art Collide
Page 48: Data Design: Where Math and Art Collide
Page 49: Data Design: Where Math and Art Collide

Meat Pies & Color Theory

Page 50: Data Design: Where Math and Art Collide

What Color Is This Chart?

#TheChart

Page 51: Data Design: Where Math and Art Collide

Hot Pie Cold Pie

Page 52: Data Design: Where Math and Art Collide

Hot PieCold Pie

Page 53: Data Design: Where Math and Art Collide
Page 54: Data Design: Where Math and Art Collide

Men who cannot read this chart

Men who can read this chart

Page 55: Data Design: Where Math and Art Collide

So you should use monochromatic

color scales, right?

Page 56: Data Design: Where Math and Art Collide

Monochromatic scales are better for continuous data

Page 57: Data Design: Where Math and Art Collide
Page 58: Data Design: Where Math and Art Collide

Be careful with multicolor scales

Page 59: Data Design: Where Math and Art Collide
Page 60: Data Design: Where Math and Art Collide

Red tends to stand out against other colors

Page 61: Data Design: Where Math and Art Collide

Can you find the red circle?

Page 62: Data Design: Where Math and Art Collide

How about now?

Page 63: Data Design: Where Math and Art Collide

Which is easier?

Page 64: Data Design: Where Math and Art Collide

Finding boundaries in color vs. shapes

Adapted from: Healey, Christopher G., Kellogg S. Booth, and James T. Ennis. “High-Speed Visual Estimation Using Preattentive Processing.” ACM Transactions on Computer-Human Interaction 3.2 (1996): 4.

Page 65: Data Design: Where Math and Art Collide

So what colors should I use?

Page 66: Data Design: Where Math and Art Collide

It depends, but…

Page 67: Data Design: Where Math and Art Collide

BLUE & ORANGE

Page 68: Data Design: Where Math and Art Collide

More visual trickery

Page 69: Data Design: Where Math and Art Collide
Page 70: Data Design: Where Math and Art Collide

Our brains look for baselines to compare

distances

Page 71: Data Design: Where Math and Art Collide

But the dark blue line is measured on a

vertical scale.

Page 72: Data Design: Where Math and Art Collide

Tricky, indeed.

Page 73: Data Design: Where Math and Art Collide

Another example…

Page 74: Data Design: Where Math and Art Collide

At first glance, you might think that the dark blue line decreased in value.

Page 75: Data Design: Where Math and Art Collide
Page 76: Data Design: Where Math and Art Collide

More visual trickery!

Page 77: Data Design: Where Math and Art Collide
Page 78: Data Design: Where Math and Art Collide
Page 79: Data Design: Where Math and Art Collide

Same data, different story.

Page 80: Data Design: Where Math and Art Collide

How do we make data

more human?

Page 81: Data Design: Where Math and Art Collide

US unemployment rate from 2007-2009

Page 82: Data Design: Where Math and Art Collide

http://www.nytimes.com/interactive/2009/11/06/business/economy/unemployment-lines.html?_r=0

Page 83: Data Design: Where Math and Art Collide
Page 84: Data Design: Where Math and Art Collide
Page 85: Data Design: Where Math and Art Collide

In 2008, the Sichuan Earthquake killed over 60,000 people in China.

Page 86: Data Design: Where Math and Art Collide
Page 87: Data Design: Where Math and Art Collide
Page 88: Data Design: Where Math and Art Collide

“For seven years she lived happily on this earth”

- Mother of an earthquake victim

Page 89: Data Design: Where Math and Art Collide

How will you

share your data?

Page 90: Data Design: Where Math and Art Collide

DATA + DESIGNwhere math and art collide

Trina Chiasson, Infoactive | @trinachi | infoactive.co/data-design