Diverging Heatmap Colors: Put Zero at the Intended Center

Give the center a meaning before assigning colors

Zero is not automatically the middle of an asymmetric numeric range. For a minimum of -4 and a maximum of 12, ordinary min/max normalization puts zero one quarter of the way along the scale. If the palette’s neutral point is halfway, zero receives a color from the lower side instead of that neutral point.

Decide what the chart should communicate. A diverging palette normally emphasizes a meaningful critical value, such as zero, rather than an arbitrary midpoint. ColorBrewer also describes customized asymmetric schemes; asymmetry is not intrinsically an error. The problem is a mismatch between the intended center, the data-to-color rule and the legend.

Basis: [4]

These original examples compare numeric scale coordinates. They do not assert that equal coordinate steps produce equal perceived color changes, or that positive changes are good and negative changes are bad.

Compare three complete mappings for the same values

Download the original labelled SVG

On a narrow screen, scroll inside the table. The region can receive keyboard focus.

Download all original values and computed coordinates

Every supplied value is within each stated domain. The symmetric model deliberately reserves the unused -12 to -4 region. That makes the observed negative values occupy less of the palette, while retaining a common distance rule for equal positive and negative magnitudes.

Calculate what each rule actually does

minmax(v) =(v+4)/16
symmetric(v) =(v+12)/24
piecewise(v) =0.5+v/8   when -4 <=v <0
piecewise(v) =0.5+v/24  when 0 <=v <=12

For the min/max rule, zero becomes 4/16=0.25. The mathematical midpoint of -4 and 12 is 4, so 4 becomes 0.5. Calling the neutral midpoint “zero” while using that rule would contradict the actual mapping.

For the symmetric rule, choose M=max(abs (-4), abs (12))=12. The range is -M to M, and zero becomes 12/24=0.5. Both -4 and +4 lie one sixth of the palette range from the center. They encode equal absolute magnitude symmetrically.

The piecewise rule uses a separate slope on each side. It makes -4 the lower endpoint, zero the middle and 12 the upper endpoint. Here -4 is 0.5 coordinate units from the center, but +4 is only 1/6 from it. This model preserves the sign center while giving each observed side the whole half-range; it does not preserve equal magnitude distance.

Choose according to the comparison, not the fullest palette

If readers are comparing equal-sized losses and gains, a common symmetric magnitude rule is a defensible choice. Explain the unused negative extent so a reader does not mistake it for observed data. Use the actual unit, such as a difference in counts or percentage points, rather than an undefined “change”.

If each side has its own meaningful levels, an asymmetric or piecewise scheme may serve that task. Publish the exact side-specific breaks or endpoints. A legend that shows only two hues and a center cannot reveal the different numeric slopes.

Basis: [4]

A dataset entirely above zero may be better served by a sequential scale unless the absent negative side is still relevant to the question. Keep the reference value when comparison across periods requires it; do not recompute the domain independently per panel and then imply that the same shade means the same value.

The chosen rule should stay in the data documentation. A designer’s desire to use every saturated color is not sufficient reason to change the interpretation of magnitude.

Write the sign, reference and scale into the visible chart

Show actual signed values and the unit in the data table or cells. Label the neutral point as “zero change” when that is its meaning. Do not rely on recognizing blue or orange to tell whether a change is above or below the reference.

Basis: [1]

A zero-centered palette does not make a zero cell the same as an unavailable observation. Keep missing data separate and link to the missing-versus-zero example when those states occur. Zero remains a numeric observation in this constructed dataset.

Check any text on a colored fill against its actual background. A numeric palette can have pale and dark cells needing different label colors. The continuous encoding and any essential presentation question should be evaluated in context; this article is not claiming that every adjacent shade must achieve 3: 1.

Basis: [2] [3]

For export, retain the domain, midpoint, unit and complete values. A screenshot of a smooth legend is insufficient to reconstruct the coordinate model if its numeric labels have been cropped.

Try three center and magnitude checks

Use the exact -4..12 input range and the three displayed formulas.