onaio / gisida

JavaScript library that converts MapSpec layers to beautiful, interactive maps using Mapbox GL
http://gisida.onalabs.org/
Apache License 2.0
11 stars 3 forks source link

heatmaps for UNOPS idai need a subtle view of the heat map #425

Closed akahure closed 4 years ago

akahure commented 4 years ago

In UNOPS IDAi we currently have a couple of heat map layers done and need a way to see if we can present these layers better, without

Showing the layers with breakdown to indicate urgency such as with the screenshot below and this should not be the idea

Screenshot from 2020-02-11 15-44-36

Reference from the client "The colour scheme used on the heat map legend is quite misleading, as one can interpret it as 'wash point' is the most severely affected sector. For improvement, I suggest the use of more subtle/lighter colours for the legend. "

cKellyDesign commented 4 years ago

@akahure it's not clear to me what is being requested from this ticket. Showing multiple heatmaps at one time is intrinsically problematic, which is why we used different colors for different heatmaps, because they are categorical.

For improvement, I suggest the use of more subtle/lighter colours for the legend.

Using lighter colors will only make it harder to read / understand what is going on. Maybe we could reduce the heatmap-radius property to make them less blotchy and to overlap less, but that is a process that takes a lot of tweaking and will need to be done on a layer by layer basis.

cKellyDesign commented 4 years ago

@akahure - This color scheme is @kahummer's attempt to satisfy the request, I think it definitely addresses the fact that the red looked like it was "worse" than the other areas. Not sure if there's much more we can do to improve the readability of the compound heatmaps.

Screenshot from 2020-02-11 17-46-19

mberg commented 4 years ago

Why are we trying to do compound heatmaps? I'm not sure it's a good idea

On Tue, Feb 11, 2020 at 10:16 AM Conor Kelly notifications@github.com wrote:

@akahure https://github.com/akahure - This color scheme is @kahummer https://github.com/kahummer's attempt to satisfy the request, I think it definitely addresses the fact that the red looked like it was "worse" than the other areas. Not sure if there's much more we can do to improve the readability of the compound heatmaps.

[image: Screenshot from 2020-02-11 17-46-19] https://user-images.githubusercontent.com/4141527/74249651-5b634e80-4c9e-11ea-971a-fe75df3a9d18.png

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/onaio/gisida/issues/425?email_source=notifications&email_token=AAAOEQIIIA5G5FZG5MW6METRCK6MDA5CNFSM4KTATZD2YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOELMZMXI#issuecomment-584685149, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAAOEQIZRLMKI7REUAEJZITRCK6MDANCNFSM4KTATZDQ .

cKellyDesign commented 4 years ago

@mberg i believe it was being explicitly asked for by the client and using multiple heatmaps is the only way to show the different categories.

cKellyDesign commented 4 years ago

@akahure i would also say that our method of overlaying semi-transparent heatmaps is working, in this screenshot the darker spots are where there is the most overlap:

Screen Shot 2020-02-11 at 11 10 01 AM
akahure commented 4 years ago

This is what the client was asking for, I think this looks a whole lot better from a presentation point of view. Can we move the Damages to go above the SNI index ? @kahama94