Geopreview highlight color.

[cjhendrix]

The color with which we highlight selected geometries is dark red, but this coincides with the color of overlapping geometries and polygon outlines. We should consider a more distinct highlight color.

[cjhendrix]

@yumiendo Could you take a look at this one? Not urgent, but I think it would make a noticeable improvement in geopreview.

[yumiendo]

I just looked at this example - https://data.hdx.rwlabs.org/dataset/senegal-administrative-boundaries We could maybe use higher opacity (like 100% in same red) for the boundary/outlines?

[cjhendrix]

As discussed on the demo call, higher opacity doesn't work since overlapping features also result in higher opacity.

[alexandru-m-g]

Since this was asked in the demo call, here are the properties that the js library that we use can handle ( and which can be changed when selected ):

For points:

• color
• opacity
• radius
• border color
• border size

For lines:

• color
• opacity
• size

For polygons:

• color
• opacity
• border color
• border size

[yumiendo]

for dots (eg.https://data.hdx.rwlabs.org/dataset/kenya-water-and-sanitation-facilities-in-mathare)

normal state:

• fill (same color #f0655e @60% opacity)
• no border

selected:

• border color (#f0655e @100% opacity)
• border size: 2px
• fill (opacity remains at 60%)

for polygons (ie. https://data.hdx.rwlabs.org/dataset/kenya-food-security-0-0-0) normal state:

• fill (same color #f0655e @20% opacity) (currently it 'looks' like it has border when two polygons overlap but these aren't border stroke right?)

selected:

• border color (#f0655e @100% opacity)
• border size: 2px
• fill (opacity goes up to 60%) (basically selected polygons appear darker than rest)

I thought this site http://www.mapsdata.co.uk/mapsdataapp/# has good range of controls to play with. (you can switch between dots/clusters/markers/heatmap etc) Is 'clusters' something that would be useful for some data in the future?

Also, a random question - on my screen, both base map&dots(or polygons) look a bit blurry. is there a way to make this retina-ready?