Using colormaps#

A few examples of how to use folium.colormap in choropleths.

Let’s load a GeoJSON file, and try to choropleth it.

[2]:
import pandas
import requests

geo_json_data = requests.get(
    "https://raw.githubusercontent.com/python-visualization/folium-example-data/main/us_states.json"
).json()
unemployment = pandas.read_csv(
    "https://raw.githubusercontent.com/python-visualization/folium-example-data/main/us_unemployment_oct_2012.csv"
)

unemployment_dict = unemployment.set_index("State")["Unemployment"]

Self-defined#

You can build a choropleth in using a self-defined function. It has to output an hexadecimal color string of the form #RRGGBB or #RRGGBBAA.

[3]:
def my_color_function(feature):
    """Maps low values to green and high values to red."""
    if unemployment_dict[feature["id"]] > 6.5:
        return "#ff0000"
    else:
        return "#008000"
[4]:
m = folium.Map([43, -100], tiles="cartodbpositron", zoom_start=4)

folium.GeoJson(
    geo_json_data,
    style_function=lambda feature: {
        "fillColor": my_color_function(feature),
        "color": "black",
        "weight": 2,
        "dashArray": "5, 5",
    },
).add_to(m)

m
[4]:
Make this Notebook Trusted to load map: File -> Trust Notebook

StepColormap#

But to help you define your colormap, we’ve embedded StepColormap in folium.colormap.

You can simply define the colors you want, and the index (thresholds) that correspond.

[5]:
import branca.colormap as cm

step = cm.StepColormap(
    ["green", "yellow", "red"], vmin=3, vmax=10, index=[3, 4, 8, 10], caption="step"
)

step
[5]:
34.25.36.57.78.810step
[6]:
m = folium.Map([43, -100], tiles="cartodbpositron", zoom_start=4)

folium.GeoJson(
    geo_json_data,
    style_function=lambda feature: {
        "fillColor": step(unemployment_dict[feature["id"]]),
        "color": "black",
        "weight": 2,
        "dashArray": "5, 5",
    },
).add_to(m)

m
[6]:
Make this Notebook Trusted to load map: File -> Trust Notebook

If you specify no index, colors will be set uniformly.

[7]:
cm.StepColormap(["r", "y", "g", "c", "b", "m"])
[7]:
0.00.20.30.50.70.81.0

LinearColormap#

But sometimes, you would prefer to have a continuous set of colors. This can be done by LinearColormap.

[8]:
linear = cm.LinearColormap(["green", "yellow", "red"], vmin=3, vmax=10)

linear
[8]:
34.25.36.57.78.810
[9]:
m = folium.Map([43, -100], tiles="cartodbpositron", zoom_start=4)

folium.GeoJson(
    geo_json_data,
    style_function=lambda feature: {
        "fillColor": linear(unemployment_dict[feature["id"]]),
        "color": "black",
        "weight": 2,
        "dashArray": "5, 5",
    },
).add_to(m)

m
[9]:
Make this Notebook Trusted to load map: File -> Trust Notebook

Again, you can set the index if you want something irregular.

[10]:
cm.LinearColormap(["red", "orange", "yellow", "green"], index=[0, 0.1, 0.9, 1.0])
[10]:
0.00.20.30.50.70.81.0

If you want to transform a linear map into a step one, you can use the method to_step.

[11]:
linear.to_step(6)
[11]:
3.04.25.36.57.78.810.0

You can also use more sophisticated rules to create the thresholds.

[12]:
linear.to_step(
    n=6,
    data=[30.6, 50, 51, 52, 53, 54, 55, 60, 70, 100],
    method="quantiles",
    round_method="int",
)
[12]:
3142.554.065.577.088.5100

And the opposite is also possible with to_linear.

[13]:
step.to_linear()
[13]:
34.25.36.57.78.810

Built-in#

For convenience, we provide a (small) set of built-in linear colormaps, in folium.colormap.linear.

[14]:
cm.linear.OrRd_09
[14]:
0.00.20.30.50.70.81.0

You can also use them to generate regular StepColormap.

[15]:
cm.linear.PuBuGn_09.to_step(12)
[15]:
0.00.20.30.50.70.81.0

Of course, you may need to scale the colormaps to your bounds. This is doable with .scale.

[16]:
cm.linear.YlGnBu_09.scale(3, 12)
[16]:
34.56.07.59.010.512
[17]:
cm.linear.RdGy_11.to_step(10).scale(5, 100)
[17]:
520.836.752.568.384.2100

At last, if you want to check them all, simply ask for linear in the notebook.

[18]:
cm.linear
[18]:
viridis0.00.20.30.50.70.81.0
plasma0.00.20.30.50.70.81.0
inferno0.00.20.30.50.70.81.0
magma0.00.20.30.50.70.81.0
Pastel1_030.00.20.30.50.70.81.0
Pastel1_050.00.20.30.50.70.81.0
Pastel1_040.00.20.30.50.70.81.0
Pastel1_07