Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Make the color-scale compatible with color-blindness #182

Closed
corradio opened this issue Dec 18, 2016 · 6 comments
Closed

Make the color-scale compatible with color-blindness #182

corradio opened this issue Dec 18, 2016 · 6 comments

Comments

@corradio
Copy link
Member

corradio commented Dec 18, 2016

A couple of ideas:

  • Use a scale where brightness can be used regardless of hue
  • Replace red or green by blue
@AliShug
Copy link

AliShug commented Dec 27, 2016

I'll second this, I'm only mildly colourblind but the current map is basically unreadable for me. Ideally you would make the colours adjustable, or at least lightness-based.

@nicorikken
Copy link

Same issue here, the current color scheme makes the map totally unreadable. I suggest to use the blue to red pattern, like:

@corradio
Copy link
Member Author

corradio commented Dec 29, 2016 via email

@AliShug
Copy link

AliShug commented Dec 29, 2016

So there's a couple issues with that, namely that in the common green/red colourblindness (which I have) it's green and red that's the issue, and in the scale given I can't see any significant change in lightness from 415-685. In fact everything from 415-640 looks exactly the same. In my opinion, you can use any colours you like, as long as there's a constant and significant gradient in the lightness value.

@corradio
Copy link
Member Author

A quick win is to add an alternative scale with a toggle.
https://twitter.com/ed_hawkins/status/831477129279832064

@corradio
Copy link
Member Author

corradio commented Feb 15, 2017

Good reading:
https://vis4.net/blog/posts/goodbye-redgreen-scales/
Good watching:
https://www.youtube.com/watch?v=xAoljeRJ3lU

Using colorblind-friendly colorscales from https://bids.github.io/colormap/, implemented at https://github.com/d3/d3-scale#interpolateViridis

Viridis Yellow-Blue (scale 1200 - 0)

image
This one is annoying because Finland looks greener.

Magma Yellow-Red (scale 2000 - 0)

image

Inferno (scale 2000 - 0)

image
This one is a bit warmer.

Plasma (scale 2000 - 0)

image

What do people think? I'm quite in favor of the Magma one as an extra scale for colorblind.

corradio added a commit that referenced this issue Feb 15, 2017
corradio added a commit that referenced this issue Mar 1, 2017
@corradio corradio closed this as completed Mar 1, 2017
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants