Guidelines
Suggest edit

Use uniform perceptual spacing in continuous colormaps

For equal-interval value reading, prefer uniform perceptual spacing on continuous color scales to improve fidelity and mitigate uneven emphasis for viewers comparing equal steps across the scale.

  • purpose:refine
  • basis:empirical
  • quality:fidelity:use
  • lever:encoding
  • polish:palette

advice

Perceptual spacing

Use a continuous colormap whose equal data intervals produce equal-looking color steps. For example, redistribute palette stops so equal-value intervals change by similar visible amounts instead of compressing one region and stretching another.

reason

Why uniform spacing works

Uneven color spacing makes equal numeric differences look unequal. Some parts of the scale then appear over-emphasized while others lose visible separation.

Mechanism: Constant perceptual speed keeps equal data steps visually comparable, so readers do not overread fast regions or underread slow regions of the same scale.

Evidence: The collated review includes this paper as theoretical guidance for color-hue and color-saturation encoding, and the paper defines local and global uniformity as constant perceptual speed and evaluates departures from that rule through speed variation (Zeng & Battle, 2023; Bujack et al., 2018).

context

Use when equal steps should look equal

  • User Goal: Compare equal-sized changes across an ordered color scale.
  • Task: Read differences or intervals from multiple parts of the same palette.
  • Data: Ordered values encoded on a continuous scale.
  • Chart Setting: Static color legend or continuous color encoding where several parts of the scale must carry similar visual weight.
  • Audience: Viewers interpreting magnitude from the relative size of visible color changes.
  • Success Criterion: Equal numeric intervals look equally different across the full scale.

exceptions

Do not use when another palette property matters more

Break it when: The main priority is a different palette property, such as maximizing discriminative power rather than keeping equal steps visually equal. Why: The paper treats colormap rules as beneficial qualities that can trade off against each other.

costs

Tradeoffs of uniform spacing

Sacrifice: You may reduce emphasis in visually dramatic regions of the palette. Risk: Uniformizing the scale can lower separation where you previously had very large color jumps. Mitigation: Check both uniformity and minimum step size so equal spacing does not collapse local discrimination.

mistakes

Common failure with unequal spacing

Mistake: Keeping equal numeric breaks while allowing one section of the palette to change much faster than another. Why it fails: Readers perceive some equal intervals as larger or smaller than others.

check

Check spacing consistency

Failure Sign: Equal-value intervals produce visibly different jump sizes across the scale. Quick Check: Sample equal numeric intervals and compare whether the color jumps look similar. Stronger Test: Compute the standard deviation of local or global speed and reduce it toward zero.

fix

Fix uneven palette spacing

  • Move palette stops so equal-value intervals have similar perceptual distances.
  • Remove compressed plateaus and overly steep jumps in the scale.
  • Replace the scale with one whose local speed varies less across the full range.

References

Bujack, R., Turton, T. L., Samsel, F., Ware, C., Rogers, D. H., & Ahrens, J. (2018). The Good, the Bad, and the Ugly: A Theoretical Framework for the Assessment of Continuous Colormaps. IEEE Transactions on Visualization and Computer Graphics, 24(1), 923–933. https://doi.org/10.1109/TVCG.2017.2743978
Zeng, Z., & Battle, L. (2023). A Review and Collation of Graphical Perception Knowledge for Visualization Recommendation. Proceedings of the 2023 CHI Conference on Human Factors in Computing Systems, 1–16. https://doi.org/10.1145/3544548.3581349