1

I am trying to see what the most intuitive or most conventional color scale would be for a heat map with values that can be either positive or negative (percent difference from expected).

e.g., -50%, 0%, 50%

Scales I'm considering are:

  • Blue for negative, white for zero, red for positive
  • Red for negative, white for zero, green for positive

I think it makes sense for zero to be white because it's important to know that something is neutral in this case.

I like blue-red because positive doesn't necessarily mean good in this case; however, red indicating higher also might feel counter-intuitive.

Blue redRed green

1
  • what is the domain you're working on here? and what does the competition do in terms of interpretation. What do you want the user to do w/ the data?
    – Mike M
    Nov 23, 2017 at 5:36

1 Answer 1

3

Red and green are well known for positive and negative values. What is your domain?

Question: What do other companies in your domain do, and what are users trained to expect when interpreting these values?

Either way, be careful with using only color as an indicator. Your pic seems to show the x and y axis values, but the cells are blank. You can indicate change (or the current values) by showing the values inside the cells themselves. enter image description here

2
  • I added an example showing the labels. It shows whether the number of people in each cell is more or less than expected (if there were no relationship between the variables).
    – xli
    Nov 23, 2017 at 23:10
  • I've seen blue/red as well and initially thought I'd use that because the data is not decrease/increase or bad/good. However, when I actually looked at it, I felt thrown off by red being positive, and I'm leaning towards red/green. I will probably add the values as tooltips.
    – xli
    Nov 23, 2017 at 23:13

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.