Data-Driven Color Choices
for Charts
Can color improve the usability of my
charts?
Data-driven color choices for charts2
Data-driven color choices for charts3
Categorical or Qualitative
Sequential
Diverging (Two sequentials)
Palettes by Stephen Few
Qualitative Color Palette
Data-driven color choices for charts4
In a qualitative
color palette,
each color is
used to identify
a specific type
of data.
Dribbble user Radium
Sequential Color Palette
Data-driven color choices for charts5
In sequential
color palettes, a
single hue
intensifies to
represent fixed
incremental
changes.
Dribbble user Vladesign
Diverging Color Palette
Data-driven color choices for charts6
Diverging color
palettes feature
two colors that
grow in intensity,
away from each
other.
Dribbble user Ben Garratt
Perceptual Uniformity
Data-driven color choices for charts7
Color palettes have fixed ratios which
add a layer of analogy to your data,
something your viewers value.
Proof by Kenneth Moreland @Sandia
Color Palette Tools for Making Charts
Data-driven color choices for charts8
Color Brewer
Generate and evaluate palette effectiveness
Color Gradient
Finding saturation level values to use
Adobe Kuler
Try, create, and save various color schemes
Color with Interactive Charts
Data-driven color choices for charts9
Line: #96FEEF
Node: #A5B6B1
Bars: #6597A2
Tooltip: #54ced4
Consider the saturation of
your palette with hover
effects.
Consider the alpha (opacity)
level of your tooltips when
they are large.
Important Questions to Ask When
Implementing Colors
Data-driven color choices for charts10
• Which palette type best fits your data’s dimensions?
• Which colors will you use within the palette?
• Can saturation be used without disrupting
concentration?
• Will alpha or transparency help show off chart
elements?
More on Color
Data-driven color choices for charts11
Read More
http://www.zingchart.com/blog/2014/08/25/color-
charts/
Try it out your colors
http://www.zingchart.com/try

More Related Content

PDF
Weekly Inspirational Quotes by Fun Team Building
PDF
16 things that Panhandlers can teach us about Content Marketing
PDF
Tweet Tweet Tweet Twitter
PPTX
Cubicle Ninjas' Code of Honor
PDF
Amazing First Slide Picture Templates
PDF
Hashtag 101 - All You Need to Know About Hashtags
PPT
Effective Use of Icons & Images
PPT
Email and tomorrow
Weekly Inspirational Quotes by Fun Team Building
16 things that Panhandlers can teach us about Content Marketing
Tweet Tweet Tweet Twitter
Cubicle Ninjas' Code of Honor
Amazing First Slide Picture Templates
Hashtag 101 - All You Need to Know About Hashtags
Effective Use of Icons & Images
Email and tomorrow

Viewers also liked (16)

PDF
Preparing to fail
PPTX
The Do's and Don'ts of Presentations
PDF
FontShop - Typography
PDF
Simple Steps to UX/UI Web Design
PPTX
The no bullet bullet slide
PDF
Create icons in PowerPoint
PPTX
23 Tips From Comedians to Be Funnier in Your Next Presentation (via the book ...
PDF
Crap. The Content Marketing Deluge.
PDF
People Don't Care About Your Brand
PDF
Go Viral on the Social Web: The Definitive How-To guide!
PDF
Design Your Career 2018
PDF
The History of SEO
PDF
Memes, Memes Everywhere
PDF
What Would Steve Do? 10 Lessons from the World's Most Captivating Presenters
PPTX
Why Content Marketing Fails
PDF
Displaying Data
Preparing to fail
The Do's and Don'ts of Presentations
FontShop - Typography
Simple Steps to UX/UI Web Design
The no bullet bullet slide
Create icons in PowerPoint
23 Tips From Comedians to Be Funnier in Your Next Presentation (via the book ...
Crap. The Content Marketing Deluge.
People Don't Care About Your Brand
Go Viral on the Social Web: The Definitive How-To guide!
Design Your Career 2018
The History of SEO
Memes, Memes Everywhere
What Would Steve Do? 10 Lessons from the World's Most Captivating Presenters
Why Content Marketing Fails
Displaying Data
Ad

Similar to Using Color to Convey Data in Charts (10)

PPTX
A linguistic approach to categorical color assignment
PPTX
Presentation color (kelompok 12)
PPTX
Color Picker: with this tool we can detect color
PDF
Pbj Painting | Painting a house
PPTX
Creating your own_color_palettes
KEY
Game Design 2: Lecture 11 - Colour
PPTX
Data Visualization 2
PPT
Rules of thumb for using colour in your content
PPTX
Having An Eye For Design
PPTX
Adobe color CC Power Point
A linguistic approach to categorical color assignment
Presentation color (kelompok 12)
Color Picker: with this tool we can detect color
Pbj Painting | Painting a house
Creating your own_color_palettes
Game Design 2: Lecture 11 - Colour
Data Visualization 2
Rules of thumb for using colour in your content
Having An Eye For Design
Adobe color CC Power Point
Ad

Recently uploaded (20)

PDF
CloudStack 4.21: First Look Webinar slides
PDF
Architecture types and enterprise applications.pdf
PPTX
O2C Customer Invoices to Receipt V15A.pptx
PDF
A novel scalable deep ensemble learning framework for big data classification...
PDF
Five Habits of High-Impact Board Members
PPTX
Tartificialntelligence_presentation.pptx
PDF
DASA ADMISSION 2024_FirstRound_FirstRank_LastRank.pdf
PDF
Getting Started with Data Integration: FME Form 101
PPTX
Group 1 Presentation -Planning and Decision Making .pptx
PDF
NewMind AI Weekly Chronicles – August ’25 Week III
PDF
TrustArc Webinar - Click, Consent, Trust: Winning the Privacy Game
PPTX
Chapter 5: Probability Theory and Statistics
PDF
Taming the Chaos: How to Turn Unstructured Data into Decisions
PDF
WOOl fibre morphology and structure.pdf for textiles
PPTX
observCloud-Native Containerability and monitoring.pptx
PDF
How ambidextrous entrepreneurial leaders react to the artificial intelligence...
PDF
STKI Israel Market Study 2025 version august
PDF
sustainability-14-14877-v2.pddhzftheheeeee
PDF
Unlock new opportunities with location data.pdf
PDF
Enhancing emotion recognition model for a student engagement use case through...
CloudStack 4.21: First Look Webinar slides
Architecture types and enterprise applications.pdf
O2C Customer Invoices to Receipt V15A.pptx
A novel scalable deep ensemble learning framework for big data classification...
Five Habits of High-Impact Board Members
Tartificialntelligence_presentation.pptx
DASA ADMISSION 2024_FirstRound_FirstRank_LastRank.pdf
Getting Started with Data Integration: FME Form 101
Group 1 Presentation -Planning and Decision Making .pptx
NewMind AI Weekly Chronicles – August ’25 Week III
TrustArc Webinar - Click, Consent, Trust: Winning the Privacy Game
Chapter 5: Probability Theory and Statistics
Taming the Chaos: How to Turn Unstructured Data into Decisions
WOOl fibre morphology and structure.pdf for textiles
observCloud-Native Containerability and monitoring.pptx
How ambidextrous entrepreneurial leaders react to the artificial intelligence...
STKI Israel Market Study 2025 version august
sustainability-14-14877-v2.pddhzftheheeeee
Unlock new opportunities with location data.pdf
Enhancing emotion recognition model for a student engagement use case through...

Using Color to Convey Data in Charts

  • 2. Can color improve the usability of my charts? Data-driven color choices for charts2
  • 3. Data-driven color choices for charts3 Categorical or Qualitative Sequential Diverging (Two sequentials) Palettes by Stephen Few
  • 4. Qualitative Color Palette Data-driven color choices for charts4 In a qualitative color palette, each color is used to identify a specific type of data. Dribbble user Radium
  • 5. Sequential Color Palette Data-driven color choices for charts5 In sequential color palettes, a single hue intensifies to represent fixed incremental changes. Dribbble user Vladesign
  • 6. Diverging Color Palette Data-driven color choices for charts6 Diverging color palettes feature two colors that grow in intensity, away from each other. Dribbble user Ben Garratt
  • 7. Perceptual Uniformity Data-driven color choices for charts7 Color palettes have fixed ratios which add a layer of analogy to your data, something your viewers value. Proof by Kenneth Moreland @Sandia
  • 8. Color Palette Tools for Making Charts Data-driven color choices for charts8 Color Brewer Generate and evaluate palette effectiveness Color Gradient Finding saturation level values to use Adobe Kuler Try, create, and save various color schemes
  • 9. Color with Interactive Charts Data-driven color choices for charts9 Line: #96FEEF Node: #A5B6B1 Bars: #6597A2 Tooltip: #54ced4 Consider the saturation of your palette with hover effects. Consider the alpha (opacity) level of your tooltips when they are large.
  • 10. Important Questions to Ask When Implementing Colors Data-driven color choices for charts10 • Which palette type best fits your data’s dimensions? • Which colors will you use within the palette? • Can saturation be used without disrupting concentration? • Will alpha or transparency help show off chart elements?
  • 11. More on Color Data-driven color choices for charts11 Read More http://www.zingchart.com/blog/2014/08/25/color- charts/ Try it out your colors http://www.zingchart.com/try