Rules for Using Color in Charts
There are principles, rules and best practices for everything we do. Last week while working on revising colors for graphs of Unmetric, I wanted to refresh myself and learn more about using colors in graphs. Luckily I found a brief but useful articles by Stephen Few, author of Information Dashboard Design which I read last year while working with Intel.
Here are 9 rules by Stephen about using colors in charts and graphs:
- If you want different objects of the same color in a table or graph to look the same, make sure that the background—the color that surrounds them—is consistent.
- If you want objects in a table or graph to be easily seen, use a background color that contrasts sufﬁciently with the object.
- Use color only when needed to serve a particular communication goal.
- Use different colors only when they correspond to differences of meaning in the data.
- Use soft, natural colors to display most information and bright and/or dark colors to highlight information that requires greater attention.
- When using color to encode a sequential range of quantitative values, stick with a single hue (or a small set of closely related hues) and vary intensity from pale colors for low values to increasingly darker and brighter colors for high values.
- Non-data components of tables and graphs should be displayed just visibly enough to perform their role, but no more so, for excessive salience could cause them to distract attention from the data.
- To guarantee that most people who are colorblind can distinguish groups of data that are color coded, avoid using a combination of red and green in the same display.
- Avoid using visual effects in graphs.
Read the article [pdf]