Overview

Indicator layers can be styled using predefined color rules, which group different indicator data values (administrative boundaries that have similar values) and visualize them on the map using specific outline and fill color.

Example of the style config dialog:

Each color rule has the following attributes:

• name - label that will be shown on a map legend
• rule - either a number (single value or a range) or a text value(s)
• color - fill color
• outline color
• outline width

Problem

When a new color rule is added a default fill and outline colors are applied. If the user wants to apply a nice color ramp, or change the outline color for all color rules - it must be done manually for each color rule.

Solution

To make styling easier, we can add options to customize the color, outline color and outline width for all color rules at once.

• For color: we can show a dropdown with a list of color ramps - when selected - they will be "distributed" among current color rules (except no/other data). NOTE: color rules can be defined in the Django admin - see below
• For outline color - just add a color picker that will overwrite the outline color for all color rules (including no/other data)
• For outline width - just add a number box (with up/down icons) that will overwrite the outline width for all color rules (including no/other data)

Color palettes: