How to customize stepped color scales
In step 3: Visualize of Datawrapper choropleth an symbol maps, you can create two types of color scales, stepped and continuous ones:
Stepped color scales are made out of color "bins" for your data. In the following example, all regions with values between 20 and 40 are colored in the same red, no matter if the value in these regions is 20.4 or 39:
This article explains how to change the number of steps, the size of the steps and the colors.
Change the number of steps
To change the number of steps, simply increase or decrease the step count:
The decimal points in this legend don't look great. You can change that:
Change the size of the steps
You have five options to display steps: Linear, Quantile, Rounded, Natural Breaks or Custom.
Here's what that means. Let's assume we have four steps and eight numbers: 1, 1, 1, 2, 2, 4, 5, 8. This is how our stepped scales would look like:
takes the range of our numbers (1 to 8) and divides it by the four steps:
| Quantile (equal count)
sorts the numbers, then puts an equal number of them in each of the four steps:
| Rounded values
gives back steps that look nicely rounded:
| Natural breaks (Jenks)
tries to find a compromise between showing outliers (everything about 4, in this case) and still keeping an equal count. The numbers within each step are as close as possible in value to each other.
Whatever you want it to be!
Change the colors of the steps
To change the colors of these steps, we can simply choose another gradient from above:
To define these colors even further – e.g. to highlight one step –, you can click on the wrench icon to the left of Select palette. Now you'll see the gradient with some color markers on top:
To learn how to use these color gradients in detail, visit the article "How to use the color palette tool".
All you need to do for now is to decrease the contrast until you see the same number as color markers as you have steps, with this button:
In this case, there are four steps, so we n four color markers:
Once we got them, we can click on the color markers and change the colors in the color picker.