SlideShare a Scribd company logo
1 of 35
Download to read offline
Charting Best Practices
        Dave Fowler
         CEO @ Chartio
Physics at Gustavus

MS EE at U of MN

IBM Rochester

Y Combinator

Chartio
Edward Tufte   Stephen Few




  Academic     Business Focused
   Artistic       Pragmatic
  High Level        Specific
Chart Monster
Chart Monster   Data Hero
Type
 Textures
   Grid
  Colors
  Labels
  Scales
Dimensions
“Does this look
impressive enough?”
“Does this show the
   data clearly?”
Chart Types
100                                         20
 75                                         15
 50                                         10
 25                                          5
  0                                          0
      2007     2008    2009       2010           0          5     10    15       20
100
                                                     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
Gauge Charts
Bullet Graph
Toy Charts
Pie Charts
2007   2008   2009
2010   2011   2012

                     80

                     60

                     40

                     20

                      0
                          2007   2009   2011
16x larger


r          4r
Chart “Attributes”
    to Avoid
Gradients
100                               100

 75                                75

 50                                50

 25                                25

  0                                 0
      2007   2008   2009   2010         2007   2008   2009   2010
“Does this add an
extra dimension?”
Textures

100                               100

 75                                75

 50                                50

 25                                25

  0                                 0
      2007   2008   2009   2010         2007   2008   2009   2010
Extra Colors
100                               100


 75                                75


 50                                50


 25                                25


  0                                 0
      2007   2008   2009   2010         2007   2008   2009   2010
Dimensions
    100


     75


     50


     25


      0
          2007 2008 2009 2010 2011 2012
Dimensions
100                               100

 75                                   75

 50                                   50

  25                                  25
                               2010
                        2009
      0                                0
                 2008
          2007                          2007   2008   2009   2010
Backgrounds
          #F0EFE9
Color Palette
•Vastly different Hues

•Similar Intensity

•Contrast from background

•Avoid Red and Green Combo
Color Palette
High Focus



Medium Focus


Low Focus
Focus
Total 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%
Focus
Total 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%
Focus
Total 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%
Focus
Total 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%
Thanks!
             Dave Fowler
          dave@chartio.com



We’re hiring! - http://chartio.com/jobs/

More Related Content

Similar to Charting best practices

Arq 94 229289
Arq 94 229289Arq 94 229289
Arq 94 229289Localiza
 
Arq 94 229289
Arq 94 229289Arq 94 229289
Arq 94 229289Localiza
 
Deutsche EuroShop | Company Presentation | 09/10
Deutsche EuroShop | Company Presentation | 09/10 Deutsche EuroShop | Company Presentation | 09/10
Deutsche EuroShop | Company Presentation | 09/10 Deutsche EuroShop AG
 
Capital Markets Day 2011 Delivering Shareholder Value
Capital Markets Day 2011 Delivering Shareholder ValueCapital Markets Day 2011 Delivering Shareholder Value
Capital Markets Day 2011 Delivering Shareholder ValueGrigory Kuznetsov
 
Capital Markets Day 2011 Boris Podolsky
Capital Markets Day 2011 Boris PodolskyCapital Markets Day 2011 Boris Podolsky
Capital Markets Day 2011 Boris PodolskyCTC Media, Inc.
 
Venture Capitalist Competition
Venture Capitalist CompetitionVenture Capitalist Competition
Venture Capitalist Competitiondoshihardik
 
모바일Bm 대한상공회의소 Mac
모바일Bm 대한상공회의소 Mac모바일Bm 대한상공회의소 Mac
모바일Bm 대한상공회의소 MacKim jeehyun
 
Stora Enso Fourth Quarter and Full Year Results 2011
Stora Enso Fourth Quarter and Full Year Results 2011Stora Enso Fourth Quarter and Full Year Results 2011
Stora Enso Fourth Quarter and Full Year Results 2011Stora Enso
 
3rd 福祉デザインナイト
3rd 福祉デザインナイト3rd 福祉デザインナイト
3rd 福祉デザインナイトisoamu
 
2010 State Of The Company Recruiting
2010 State Of The Company   Recruiting2010 State Of The Company   Recruiting
2010 State Of The Company RecruitingMatthew Haviland
 
2010 State Of Teh Company
2010 State Of Teh Company2010 State Of Teh Company
2010 State Of Teh CompanyJivko Jekov
 
2010 State of the company recruiting
2010 State of the company recruiting2010 State of the company recruiting
2010 State of the company recruitingJivko Jekov
 
Deutsche EuroShop | Company Presentation | 10/10
Deutsche EuroShop | Company Presentation | 10/10Deutsche EuroShop | Company Presentation | 10/10
Deutsche EuroShop | Company Presentation | 10/10Deutsche EuroShop AG
 

Similar to Charting best practices (20)

Stanlib Presentation. World economy under pressure.
Stanlib Presentation. World economy under pressure.Stanlib Presentation. World economy under pressure.
Stanlib Presentation. World economy under pressure.
 
Ramirent Q4 2011
Ramirent Q4 2011Ramirent Q4 2011
Ramirent Q4 2011
 
Arq 94 229289
Arq 94 229289Arq 94 229289
Arq 94 229289
 
Arq 94 229289
Arq 94 229289Arq 94 229289
Arq 94 229289
 
The Bahamas - Trade Profile UWI's Shridath Ramphal Centre
The Bahamas - Trade Profile UWI's Shridath Ramphal CentreThe Bahamas - Trade Profile UWI's Shridath Ramphal Centre
The Bahamas - Trade Profile UWI's Shridath Ramphal Centre
 
Deutsche EuroShop | Company Presentation | 09/10
Deutsche EuroShop | Company Presentation | 09/10 Deutsche EuroShop | Company Presentation | 09/10
Deutsche EuroShop | Company Presentation | 09/10
 
Delhaize group
Delhaize groupDelhaize group
Delhaize group
 
Haiti - Trade Profile [UWI's Shridath Ramphal Centre]
Haiti  - Trade Profile [UWI's Shridath Ramphal Centre]Haiti  - Trade Profile [UWI's Shridath Ramphal Centre]
Haiti - Trade Profile [UWI's Shridath Ramphal Centre]
 
Capital Markets Day 2011 Delivering Shareholder Value
Capital Markets Day 2011 Delivering Shareholder ValueCapital Markets Day 2011 Delivering Shareholder Value
Capital Markets Day 2011 Delivering Shareholder Value
 
Capital Markets Day 2011 Boris Podolsky
Capital Markets Day 2011 Boris PodolskyCapital Markets Day 2011 Boris Podolsky
Capital Markets Day 2011 Boris Podolsky
 
Venture Capitalist Competition
Venture Capitalist CompetitionVenture Capitalist Competition
Venture Capitalist Competition
 
모바일Bm 대한상공회의소 Mac
모바일Bm 대한상공회의소 Mac모바일Bm 대한상공회의소 Mac
모바일Bm 대한상공회의소 Mac
 
Stora Enso Fourth Quarter and Full Year Results 2011
Stora Enso Fourth Quarter and Full Year Results 2011Stora Enso Fourth Quarter and Full Year Results 2011
Stora Enso Fourth Quarter and Full Year Results 2011
 
Manufacturing past, present and future
Manufacturing past, present and futureManufacturing past, present and future
Manufacturing past, present and future
 
3rd 福祉デザインナイト
3rd 福祉デザインナイト3rd 福祉デザインナイト
3rd 福祉デザインナイト
 
Admin Task Force Summary Charts
Admin Task Force Summary ChartsAdmin Task Force Summary Charts
Admin Task Force Summary Charts
 
2010 State Of The Company Recruiting
2010 State Of The Company   Recruiting2010 State Of The Company   Recruiting
2010 State Of The Company Recruiting
 
2010 State Of Teh Company
2010 State Of Teh Company2010 State Of Teh Company
2010 State Of Teh Company
 
2010 State of the company recruiting
2010 State of the company recruiting2010 State of the company recruiting
2010 State of the company recruiting
 
Deutsche EuroShop | Company Presentation | 10/10
Deutsche EuroShop | Company Presentation | 10/10Deutsche EuroShop | Company Presentation | 10/10
Deutsche EuroShop | Company Presentation | 10/10
 

Recently uploaded

SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge GraphSIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge GraphNeo4j
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsRizwan Syed
 
Key Features Of Token Development (1).pptx
Key  Features Of Token  Development (1).pptxKey  Features Of Token  Development (1).pptx
Key Features Of Token Development (1).pptxLBM Solutions
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsAndrey Dotsenko
 
New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024BookNet Canada
 
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)Wonjun Hwang
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationSlibray Presentation
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupFlorian Wilhelm
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubKalema Edgar
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Mattias Andersson
 
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersEnhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersThousandEyes
 
Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024BookNet Canada
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitecturePixlogix Infotech
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Scott Keck-Warren
 
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...shyamraj55
 
Bluetooth Controlled Car with Arduino.pdf
Bluetooth Controlled Car with Arduino.pdfBluetooth Controlled Car with Arduino.pdf
Bluetooth Controlled Car with Arduino.pdfngoud9212
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024Scott Keck-Warren
 

Recently uploaded (20)

SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge GraphSIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL Certs
 
Key Features Of Token Development (1).pptx
Key  Features Of Token  Development (1).pptxKey  Features Of Token  Development (1).pptx
Key Features Of Token Development (1).pptx
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
 
New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
 
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck Presentation
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project Setup
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding Club
 
The transition to renewables in India.pdf
The transition to renewables in India.pdfThe transition to renewables in India.pdf
The transition to renewables in India.pdf
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?
 
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersEnhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
 
Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
 
Hot Sexy call girls in Panjabi Bagh 🔝 9953056974 🔝 Delhi escort Service
Hot Sexy call girls in Panjabi Bagh 🔝 9953056974 🔝 Delhi escort ServiceHot Sexy call girls in Panjabi Bagh 🔝 9953056974 🔝 Delhi escort Service
Hot Sexy call girls in Panjabi Bagh 🔝 9953056974 🔝 Delhi escort Service
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC Architecture
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024
 
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
 
Vulnerability_Management_GRC_by Sohang Sengupta.pptx
Vulnerability_Management_GRC_by Sohang Sengupta.pptxVulnerability_Management_GRC_by Sohang Sengupta.pptx
Vulnerability_Management_GRC_by Sohang Sengupta.pptx
 
Bluetooth Controlled Car with Arduino.pdf
Bluetooth Controlled Car with Arduino.pdfBluetooth Controlled Car with Arduino.pdf
Bluetooth Controlled Car with Arduino.pdf
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024
 

Charting best practices

  • 1. Charting Best Practices Dave Fowler CEO @ Chartio
  • 2. Physics at Gustavus MS EE at U of MN IBM Rochester Y Combinator Chartio
  • 3.
  • 4. Edward Tufte Stephen Few Academic Business Focused Artistic Pragmatic High Level Specific
  • 5.
  • 7. Chart Monster Data Hero
  • 8. Type Textures Grid Colors Labels Scales Dimensions
  • 10. “Does this show the data clearly?”
  • 12. 100 20 75 15 50 10 25 5 0 0 2007 2008 2009 2010 0 5 10 15 20 100 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
  • 14.
  • 17. Pie Charts 2007 2008 2009 2010 2011 2012 80 60 40 20 0 2007 2009 2011
  • 18.
  • 21. Gradients 100 100 75 75 50 50 25 25 0 0 2007 2008 2009 2010 2007 2008 2009 2010
  • 22. “Does this add an extra dimension?”
  • 23. Textures 100 100 75 75 50 50 25 25 0 0 2007 2008 2009 2010 2007 2008 2009 2010
  • 24. Extra Colors 100 100 75 75 50 50 25 25 0 0 2007 2008 2009 2010 2007 2008 2009 2010
  • 25. Dimensions 100 75 50 25 0 2007 2008 2009 2010 2011 2012
  • 26. Dimensions 100 100 75 75 50 50 25 25 2010 2009 0 0 2008 2007 2007 2008 2009 2010
  • 27. Backgrounds #F0EFE9
  • 28. Color Palette •Vastly different Hues •Similar Intensity •Contrast from background •Avoid Red and Green Combo
  • 30. Focus Total 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%
  • 31. Focus Total 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%
  • 32. Focus Total 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%
  • 33. Focus Total 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%
  • 34.
  • 35. Thanks! Dave Fowler dave@chartio.com We’re hiring! - http://chartio.com/jobs/