UX Collective

We believe designers are thinkers as much as they are makers. https://linktr.ee/uxc

Follow publication

Get better at using color palettes with choropleth maps

The intensive and creative way to practice with color palettes.

Kai Wong
UX Collective
Published in
5 min readJul 29, 2021

--

A map of the US at night from space. The east side is filled with lights while the west side is less lit up with the exception of the West coast.
Photo by NASA on Unsplash

We often don’t get the chance to practice working with custom color palettes as UX Designers. There’s often company branding or a style guide that guides many of our color choices, which means we don’t have much chance to work with color palettes and gradients.

However, a popular data visualization can help you practice working with these color concepts more effectively: Choropleth maps. You’ve probably seen some (or even made some) without knowing the actual name of it.

A Custom choropleth map, colored in different shades of blue according to county.
https://towardsdatascience.com/how-to-create-outstanding-custom-choropleth-maps-with-plotly-and-dash-49ac918a5f05

But creating a good choropleth map requires a strong understanding of how color can affect a reader’s perception of data. But to get started, we first need to talk about starting with choropleth maps.

What are choropleth maps used for

It may be tempting to say that any data involving geography should involve creating a choropleth map, but that’s not quite right.

We can only use choropleth maps when we want to understand patterns with geographic data. The main reason for this is because choropleth maps work best when using a single variable. For example, a single variable, such as income, is encoded into color and then plotted against the fixed variable of geography to see how much money different regions, states, or countries make.

A map of the US with 5 different levels of purple showing different levels of median income. The lowest level is less than $30k, while the highest level (deep purple) is >$105k
https://clauswilke.com/dataviz/geospatial-data.html

If we wanted to have both income and education on the map, though, we’d either have used a different chart or create a dual-axis map, which makes things more complicated.

A dual layer choropleth map of the US. The background layer of the US is colored coded (Yellow, Orange, Green, and Blue) according to region, and bubbles are displayed on top of it in varying sizes and colors.
https://thevizioneer.blogspot.com/2014/04/day-3-dual-axis-maps-filled-and-points.html

As a result of this, almost all of the data you want your reader to understand with a choropleth map has to be encoded through color.

--

--

Written by Kai Wong

7xTop writer in UX Design. UX, Data Viz, and Data. Author of Data-Informed UX Design: https://tinyurl.com/2p83hkav. Substack: https://dataanddesign.substack.com

Responses (2)

Write a response