65
Making pretty charts that actually mean something [email protected] @bensullins

Making pretty charts that actually mean something

Embed Size (px)

DESCRIPTION

Learn how to make visually compelling charts that still convey great meaning using the best data visualization techniques.

Citation preview

Page 1: Making pretty charts that actually mean something

Making pretty charts that actually mean something

[email protected]@bensullins

Page 2: Making pretty charts that actually mean something

warm-up

Page 3: Making pretty charts that actually mean something

Name an opposite

Tree River

Page 4: Making pretty charts that actually mean something

Name an opposite

couch rug

Page 5: Making pretty charts that actually mean something

Name an opposite

BooGrumpy Cat

Page 6: Making pretty charts that actually mean something

List 3 alternate uses

MaskRecycle Bin

Speaker

Paper WeightHockey PuckTable Leveler

Page 7: Making pretty charts that actually mean something

How did the chicken cross the road?

He walked…

Page 8: Making pretty charts that actually mean something

How did the legless chicken cross the road?

Page 9: Making pretty charts that actually mean something

On his wing tips!

Page 10: Making pretty charts that actually mean something

what is beauty?

Page 11: Making pretty charts that actually mean something

cognos

Page 12: Making pretty charts that actually mean something

Microstrategy

Page 13: Making pretty charts that actually mean something

http://vizcandy.blogspot.com/2013/07/replicating-new-york-times-d3js-chart.html

Page 14: Making pretty charts that actually mean something

Oracle PeopleSoft

Page 15: Making pretty charts that actually mean something

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

Page 16: Making pretty charts that actually mean something

Business Objects

Page 17: Making pretty charts that actually mean something

QlickView

Page 18: Making pretty charts that actually mean something
Page 19: Making pretty charts that actually mean something

Why is data beautiful?

Page 20: Making pretty charts that actually mean something

“Beauty is about perception, not about

make-up.”

Kevyn Aucoin (makeup artist / photographer)

Page 21: Making pretty charts that actually mean something

Selective Attention Test

http://www.youtube.com/watch?v=vJG698U2Mvo&feature=youtu.be&fullscreen=1

Page 22: Making pretty charts that actually mean something

Count how many times the number “5” appears

Page 23: Making pretty charts that actually mean something

Now count the number of time “5” appears in the same set of numbers

Page 24: Making pretty charts that actually mean something

Attentive Processing

Pre-attentive Processing

Page 25: Making pretty charts that actually mean something

Which product categories are trending up?

Page 26: Making pretty charts that actually mean something

Which product categories are trending up?

Page 27: Making pretty charts that actually mean something

Attentive

Pre-attentive

Page 28: Making pretty charts that actually mean something

What are our best Product Sub-Categories?

Page 29: Making pretty charts that actually mean something

What are our best Product Sub-Categories?

Page 30: Making pretty charts that actually mean something

Which product categories are doing good this year?

Page 31: Making pretty charts that actually mean something

Which product categories are doing good this year?

Page 32: Making pretty charts that actually mean something

why stats aren’t enough

Page 33: Making pretty charts that actually mean something

Data Stats

Page 34: Making pretty charts that actually mean something

Data VisualizedStats Visualized

Francis Anscombe, 1973

Page 35: Making pretty charts that actually mean something

How to make data

beautiful?

Page 36: Making pretty charts that actually mean something

Reduce non-data pixelsthen

Enhance data pixels

Page 37: Making pretty charts that actually mean something

“Above all else, show the data”

Edward Tufte, 1983

Page 38: Making pretty charts that actually mean something

Data-ink ratio

Edward Tufte, 1983

Page 39: Making pretty charts that actually mean something

Data-pixel ratio

Stephen Few, 2004

Page 40: Making pretty charts that actually mean something

How can we increase the data-pixel ratio?

Page 41: Making pretty charts that actually mean something

How can we increase the data-pixel ratio?

Page 42: Making pretty charts that actually mean something

How can we increase the data-pixel ratio?

Page 43: Making pretty charts that actually mean something

enhance data-pixels

Page 44: Making pretty charts that actually mean something

granularity

Page 45: Making pretty charts that actually mean something

Granularity, which is right?

Monthly Daily

Page 46: Making pretty charts that actually mean something

Granularity, which is right?

Sub-Category Category

Page 47: Making pretty charts that actually mean something

size & scale

Page 48: Making pretty charts that actually mean something

Bubbles on a map

Page 49: Making pretty charts that actually mean something

Sizing Bars – preserve true portions

Page 50: Making pretty charts that actually mean something

position

Page 51: Making pretty charts that actually mean something
Page 52: Making pretty charts that actually mean something
Page 53: Making pretty charts that actually mean something

angle

Page 54: Making pretty charts that actually mean something

Connect dots/bars to show trends over time

Page 55: Making pretty charts that actually mean something

color

Page 56: Making pretty charts that actually mean something

Color – proper use

Page 57: Making pretty charts that actually mean something

Color – improper use

Page 58: Making pretty charts that actually mean something

Color – what does your mind do here?

Page 59: Making pretty charts that actually mean something

annotation

Page 60: Making pretty charts that actually mean something

Annotation – reference lines

Page 61: Making pretty charts that actually mean something

Annotation – grid lines

Page 62: Making pretty charts that actually mean something

Annotation – grid lines

Page 63: Making pretty charts that actually mean something

Darkhorse Analytics Example

Page 64: Making pretty charts that actually mean something

bensullins.com

Page 65: Making pretty charts that actually mean something

Sources

Information Visualization: Perception for Design- Colin Ware

Designing Effective Tables and Graphs - Stephen Few

Which chart or graph is right for you?- Tableau Software

Now You See It: Tableau 2008 Users Conference- Stephen Few

Tapping the Power of Visual Perception- Stephen Few

Designing Data – Typekit blog- Mike Sall

Anscombe’s Quartet – Wikipedia- Francis Anscombe

Data Viz Techniques in Tableau- Andy Kriebel