Guidelines
Suggest edit

Use a diverging color scale to make within-range differences more visible

For difference reading in quantitative color-encoded charts, use a diverging color scale on data with a midpoint to improve insight and address compressed visual differences within a full-range sequential ramp for readers comparing nearby values.

  • purpose:refine
  • basis:heuristic
  • task:compare
  • data:quantitative
  • quality:insight
  • lever:encoding
  • operator:difference
  • aesthetic:color:use

advice

Increase color resolution within each half-range

Use a diverging color scale when readers need to see smaller differences within the lower or upper half of the range. For example, a diverging map or calendar heatmap can make 10- or 20-point differences more visible because each gradient covers only half the full range instead of all of it.

reason

Why half-range gradients separate values better

A single sequential gradient spreads all values across one ramp. A diverging scale splits the range in two, so similar numeric gaps produce larger visible differences within each half.

Mechanism: Separate gradients for the two sides of the midpoint increase visible contrast within each side of the data range.

Evidence: The article says diverging scales let readers see more differences because one gradient covers only half the number range, making modest gaps more pronounced in examples such as maps and a calendar heatmap (Muth, 2021).

context

Use when nearby values need to look different

  • User Goal: Make nearby quantitative values easier to distinguish by color.
  • Task: Compare differences within the lower half or upper half of the scale.
  • Data: Quantitative values with a meaningful middle point and important variation on each side.
  • Chart Setting: A chart such as a map or heatmap that already uses a quantitative color scale.
  • Audience: Readers are comparing similar values, not only locating the maximum.
  • Success Criterion: Values a modest distance apart no longer look almost the same color.

exceptions

Do not use when immediate decoding matters more

Break it when: Immediate intuitive reading without consulting a legend matters more than extra differentiation. Why: Diverging scales are less intuitive and require clearer decoding support.

costs

Costs of more visible differences

Sacrifice: You add decoding work because the scale has two sides.
Risk: Readers may not know which side is high or low if the midpoint and key are unclear.
Mitigation: Make the midpoint and endpoints explicit in the legend or surrounding text.

mistakes

Common difference-reading failure

Mistake: Using a sequential ramp across the entire range when the important comparisons happen within one half of the range. Why it fails: Modest gaps collapse into nearly the same color.

check

Check whether differences are being compressed

Failure Sign: Values that are meaningfully apart still look only slightly different in color.
Quick Check: Compare two nearby values in the same half of the range across sequential and diverging previews; if diverging makes their gap visibly clearer, use it.
Stronger Test: Inspect whether one gradient is covering the full range or whether each half has its own gradient.

fix

Fix compressed color differences

  • Split the scale into a diverging palette centered on the meaningful middle value.
  • Recheck the legend so readers know which side of the midpoint each hue represents.
  • Keep the sequential scale only if the added decoding cost is not acceptable.

References

Muth, L. C. (2021). When to use sequential and when to use diverging color scales. https://www.datawrapper.de/blog/diverging-vs-sequential-color-scales