Charting Best Practices        Dave Fowler         CEO @ Chartio
Physics at GustavusMS EE at U of MNIBM RochesterY CombinatorChartio
Edward Tufte   Stephen Few  Academic     Business Focused   Artistic       Pragmatic  High Level        Specific
Chart Monster
Chart Monster   Data Hero
Type Textures   Grid  Colors  Labels  ScalesDimensions
“Does this lookimpressive enough?”
“Does this show the   data clearly?”
Chart Types
100                                         20 75                                         15 50                           ...
Gauge Charts
Bullet Graph
Toy Charts
Pie Charts2007   2008   20092010   2011   2012                     80                     60                     40       ...
16x largerr          4r
Chart “Attributes”    to Avoid
Gradients100                               100 75                                75 50                                50 2...
“Does this add anextra dimension?”
Textures100                               100 75                                75 50                                50 25...
Extra Colors100                               100 75                                75 50                                5...
Dimensions    100     75     50     25      0          2007 2008 2009 2010 2011 2012
Dimensions100                               100 75                                   75 50                                ...
Backgrounds          #F0EFE9
Color Palette•Vastly different Hues•Similar Intensity•Contrast from background•Avoid Red and Green Combo
Color PaletteHigh FocusMedium FocusLow Focus
FocusTotal Sales     Total Profit          Region 1$51,689         $11,689                Year     Profit   Growth          ...
FocusTotal Sales     Total Profit          Region 1$51,689         $11,689                Year     Profit   Growth          ...
FocusTotal Sales     Total Profit          Region 1$51,689         $11,689                Year     Profit   Growth          ...
FocusTotal Sales     Total Profit          Region 1$51,689         $11,689                Year     Profit   Growth          ...
Thanks!             Dave Fowler          dave@chartio.comWe’re hiring! - http://chartio.com/jobs/
Charting best practices
Charting best practices
Charting best practices
Charting best practices
Charting best practices
Upcoming SlideShare
Loading in …5
×

Charting best practices

6,978 views

Published on

Published in: Technology

Charting best practices

  1. 1. Charting Best Practices Dave Fowler CEO @ Chartio
  2. 2. Physics at GustavusMS EE at U of MNIBM RochesterY CombinatorChartio
  3. 3. Edward Tufte Stephen Few Academic Business Focused Artistic Pragmatic High Level Specific
  4. 4. Chart Monster
  5. 5. Chart Monster Data Hero
  6. 6. Type Textures Grid Colors Labels ScalesDimensions
  7. 7. “Does this lookimpressive enough?”
  8. 8. “Does this show the data clearly?”
  9. 9. Chart Types
  10. 10. 100 20 75 15 50 10 25 5 0 0 2007 2008 2009 2010 0 5 10 15 20100 Year Profit Growth 75 2007 17 20% 50 2008 26 52% 25 2009 53 104% 2010 96 81.1% 0 2007 2008 2009 2010 Total Profit $11,689
  11. 11. Gauge Charts
  12. 12. Bullet Graph
  13. 13. Toy Charts
  14. 14. Pie Charts2007 2008 20092010 2011 2012 80 60 40 20 0 2007 2009 2011
  15. 15. 16x largerr 4r
  16. 16. Chart “Attributes” to Avoid
  17. 17. Gradients100 100 75 75 50 50 25 25 0 0 2007 2008 2009 2010 2007 2008 2009 2010
  18. 18. “Does this add anextra dimension?”
  19. 19. Textures100 100 75 75 50 50 25 25 0 0 2007 2008 2009 2010 2007 2008 2009 2010
  20. 20. Extra Colors100 100 75 75 50 50 25 25 0 0 2007 2008 2009 2010 2007 2008 2009 2010
  21. 21. Dimensions 100 75 50 25 0 2007 2008 2009 2010 2011 2012
  22. 22. Dimensions100 100 75 75 50 50 25 25 2010 2009 0 0 2008 2007 2007 2008 2009 2010
  23. 23. Backgrounds #F0EFE9
  24. 24. Color Palette•Vastly different Hues•Similar Intensity•Contrast from background•Avoid Red and Green Combo
  25. 25. Color PaletteHigh FocusMedium FocusLow Focus
  26. 26. FocusTotal Sales Total Profit Region 1$51,689 $11,689 Year Profit Growth 2007 17 20% 2008 26 52%100 2009 53 104% 75 2010 96 81.1% Region 2 50 Year Profit Growth 2007 17 20% 25 2008 26 52% 0 2009 53 104% 2007 2008 2009 2010 2010 96 81.1%
  27. 27. FocusTotal Sales Total Profit Region 1$51,689 $11,689 Year Profit Growth 2007 17 20% 2008 26 52%100 2009 53 104% 75 2010 96 81.1% Region 2 50 Year Profit Growth 2007 17 20% 25 2008 26 52% 0 2009 53 104% 2007 2008 2009 2010 2010 96 81.1%
  28. 28. FocusTotal Sales Total Profit Region 1$51,689 $11,689 Year Profit Growth 2007 17 20% 2008 26 52%100 2009 53 104% 75 2010 96 81.1% Region 2 50 Year Profit Growth 2007 17 20% 25 2008 26 52% 0 2009 53 104% 2007 2008 2009 2010 2010 96 81.1%
  29. 29. FocusTotal Sales Total Profit Region 1$51,689 $11,689 Year Profit Growth 2007 17 20% 2008 26 52%100 2009 53 104% 75 2010 96 81.1% Region 2 50 Year Profit Growth 2007 17 20% 25 2008 26 52% 0 2009 53 104% 2007 2008 2009 2010 2010 96 81.1%
  30. 30. Thanks! Dave Fowler dave@chartio.comWe’re hiring! - http://chartio.com/jobs/

×