catalyst-offgrid / catalyst-aip

Catalyst Access Insights Platform (AIP)
https://accessinsights.org/
MIT License
2 stars 4 forks source link

Update color scheme #24

Closed AliceR closed 3 years ago

AliceR commented 3 years ago

Centralize data viz colors in theme, making it easier to match colors on map and legend.

Also, changes the color of the bank layer and fixes the label.

AliceR commented 3 years ago

@geohacker I kept the financial services all with a shade of green, in order to be able to use other hues for the other categories (blues for health, pinkish for education, and the highlight orange for energy. Using a sequential color scheme within one of the categories takes too much color space away from the others.

Also worth noting that using luminance within a hue creates a visual ranking. Might be desirable for health types (type 4 in lighter shade, less prominent?). Not sure if such ranking applies to the financial services - I tried to avoid it so far.

AliceR commented 3 years ago

This is the current color palette: https://coolors.co/304ca2-f98e08-6a9fb4-54a06f-679289-c8d6af-db93b0

geohacker commented 3 years ago

@AliceR thank you. I took another stab at really diverging the colour scheme. They may not be great to look altogether but it makes it easy to distinguish which I think is that they want.

image everything

image just financial

AliceR commented 3 years ago

@geohacker I'll be honest, I don't like the random "confetti" look. But indeed, it does allow for the greatest differentiation between any given layer - Which seems to be considered more important than associative grouping.

Also, changing the colors should be easy enough to revisit by a maintainer later. Can't approve my PR, so I'll leave it here: ✅

geohacker commented 3 years ago

@AliceR definitely agree with you that the confetti look isn't aesthetically pleasing at all, but for now I'm inclined to just go with what allows for greater differentiation. Thank you!