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

Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CVKhem
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfsudhanshuwaghmare1
 
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024The Digital Insurer
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingEdi Saputra
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodJuan lago vázquez
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?Igalia
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Miguel Araújo
 
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu SubbuApidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbuapidays
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsNanddeep Nachan
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDropbox
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobeapidays
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...DianaGray10
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Jeffrey Haguewood
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdflior mazor
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FMESafe Software
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processorsdebabhi2
 
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Zilliz
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native ApplicationsWSO2
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAndrey Devyatkin
 

Recently uploaded (20)

Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu SubbuApidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 

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/