charting best practices

35
Charting Best Practices Dave Fowler CEO @ Chartio

Upload: dave-fowler

Post on 25-Jun-2015

6.270 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: Charting best practices

Charting Best PracticesDave Fowler

CEO @ Chartio

Page 2: Charting best practices

Physics at Gustavus

MS EE at U of MN

IBM Rochester

Y Combinator

Chartio

Page 3: Charting best practices
Page 4: Charting best practices

Stephen FewEdward Tufte

AcademicArtistic

High Level

Business FocusedPragmaticSpecific

Page 5: Charting best practices
Page 6: Charting best practices

Chart Monster

Page 7: Charting best practices

Chart Monster Data Hero

Page 8: Charting best practices

TypeTextures

GridColorsLabelsScales

Dimensions

Page 9: Charting best practices

“Does this look impressive enough?”

Page 10: Charting best practices

“Does this show the data clearly?”

Page 11: Charting best practices

Chart Types

Page 12: Charting best practices

0

25

50

75

100

2007 2008 2009 2010

0

25

50

75

100

2007 2008 2009 2010

Year Profit Growth

2007 17 20%

2008 26 52%

2009 53 104%

2010 96 81.1%

0

5

10

15

20

0 5 10 15 20

Total Profit

$11,689

Page 13: Charting best practices

Gauge Charts

Page 14: Charting best practices
Page 15: Charting best practices

Bullet Graph

Page 16: Charting best practices

Toy Charts

Page 17: Charting best practices

Pie Charts

0

20

40

60

80

2007 2009 2011

2007 2008 20092010 2011 2012

Page 18: Charting best practices
Page 19: Charting best practices

r 4r

16x larger

Page 20: Charting best practices

Chart “Attributes” to Avoid

Page 21: Charting best practices

Gradients

0

25

50

75

100

2007 2008 2009 20100

25

50

75

100

2007 2008 2009 2010

Page 22: Charting best practices

“Does this add an extra dimension?”

Page 23: Charting best practices

Textures

0

25

50

75

100

2007 2008 2009 20100

25

50

75

100

2007 2008 2009 2010

Page 24: Charting best practices

Extra Colors

0

25

50

75

100

0

25

50

75

100

2007 2008 2009 20102007 2008 2009 2010

Page 25: Charting best practices

Dimensions

0

25

50

75

100

2007 2008 2009 2010 2011 2012

Page 26: Charting best practices

Dimensions

0

25

50

75

100

20072008

20092010

0

25

50

75

100

2007 2008 2009 2010

Page 27: Charting best practices

Backgrounds

#F0EFE9

Page 28: Charting best practices

Color Palette

•Vastly different Hues

•Similar Intensity

•Contrast from background

•Avoid Red and Green Combo

Page 29: Charting best practices

Color Palette

High Focus

Medium Focus

Low Focus

Page 30: Charting best practices

Focus

0

25

50

75

100

2007 2008 2009 2010

Year Profit Growth

2007 17 20%

2008 26 52%

2009 53 104%

2010 96 81.1%

Year Profit Growth

2007 17 20%

2008 26 52%

2009 53 104%

2010 96 81.1%

Total Sales

$51,689Total Profit

$11,689Region 1

Region 2

Page 31: Charting best practices

Focus

0

25

50

75

100

2007 2008 2009 2010

Year Profit Growth

2007 17 20%

2008 26 52%

2009 53 104%

2010 96 81.1%

Year Profit Growth

2007 17 20%

2008 26 52%

2009 53 104%

2010 96 81.1%

Total Sales

$51,689Total Profit

$11,689Region 1

Region 2

Year Profit Growth

2007 17 20%

2008 26 52%

2009 53 104%

2010 96 81.1%

Page 32: Charting best practices

Focus

0

25

50

75

100

2007 2008 2009 2010

Year Profit Growth

2007 17 20%

2008 26 52%

2009 53 104%

2010 96 81.1%

Year Profit Growth

2007 17 20%

2008 26 52%

2009 53 104%

2010 96 81.1%

Total Sales

$51,689Total Profit

$11,689Region 1

Region 2

0

25

50

75

100

2007 2008 2009 2010

Page 33: Charting best practices

Focus

0

25

50

75

100

2007 2008 2009 2010

Year Profit Growth

2007 17 20%

2008 26 52%

2009 53 104%

2010 96 81.1%

Year Profit Growth

2007 17 20%

2008 26 52%

2009 53 104%

2010 96 81.1%

Total Sales

$51,689Total Profit

$11,689Region 1

Region 2

0

25

50

75

100

2007 2008 2009 2010

Year Profit Growth

2007 17 20%

2008 26 52%

2009 53 104%

2010 96 81.1%

Page 34: Charting best practices