Export Image
Export Code

Color in Data Visualization

Curran Kelleher

0 views in last 90 days
Last edited Jul 24, 2025
Created on Jul 24, 2025
Forked from Circles with D3

A re-creation / reimagining of a classic graphic on color from "The Big Book of Dashboards" by Steve Wexler, Jeffrey Shaffer, and Andy Cotgreave.

Color Scale Patterns in Data Visualization

This infographic demonstrates the five basic color-scale patterns used in data visualization:

Color Scale Types

  1. Sequential - Color is ordered from low to high, typically encoding quantitative or ordinal data
  2. Diverging - Two sequential colors with a neutral midpoint, used for scales showing two different outcomes
  3. Categorical - Contrasting colors for individual comparisons, each representing a specific category
  4. Highlight - Color used to call attention to specific data points, used with gray tints
  5. Alert - Color used to get user attention, using attention-grabbing colors like red or orange

Each pattern is illustrated with a mini bar chart, color swatches, and descriptive text to demonstrate the appropriate use case and visual encoding.

MIT Licensed