Map Design Principles
last updated July 28, 2019
Ask Before You Map
Before you leap into a mapping project, consider these questions:
Does your data contain geographic information? Common examples:
- Specific locations or addresses (examples: Trinity College, or 300 Summit St, Hartford, CT)
- Latitude and longitude coordinates (example: 41.756, -72.675)
- Regions that are legally recognized (such as nations, states, counties, census tracts) or that correspond to a boundary map in your possession (such as designated neighborhoods or health districts)
While there are many more types of geographic information, these examples above are the most common. If your data lacks geographic information, or if you do not possess the corresponding boundary information, it may not be possible to map it.
Does location really matter to your data story?
Sometimes a well-designed chart, rather than a map, may be the best way to visualize your data story. Consider these alternatives:
- to show change over time across different locations, consider a line chart
- to show the relationship between two or more datasets across different locations, consider an XY scatter chart or bubble chart
If a map is the best way to tell your data story, then choose an appropriate type. See table of basic map types in this book.
Map Design Principles
Understand basic map vocabulary: title, legend, baselayer, marker, popup, tooltip, zoom level, polygon, polyline, source.
Add source credits and bylines—with links to view data tables and details—to build credibility and accountability.
Choose colors wisely.
- Use color to logically organize your data. Avoid random colors (Wong pp. 40, 44).
- Avoid bad combinations from opposite sides of color wheel, such as red/green or yellow/blue (Wong pp. 40, 44).
- Use contrast (such as color vs gray) to call attention to your data story (Knaflic pp. 87-88)
Choose basemaps wisely. Basemaps themselves may contain a lot of information, such as terrain, roads, parks, town names, buildings, etc. They may also use colors that can be distracting to the viewer. Think about the minimum number of elements required in the basemap to tell your story.
Design polygon maps with ColorBrewer
One of the most useful tools for creating meaningful polygon (or choropleth) maps is ColorBrewer http://colorbrewer2.org created by Cynthia Brewer, Mark Harrower and the Pennsylvania State University.
- Think about the number of data classes (or “dividers” or “buckets”). More does not necessarily mean better. Try different numbers and color schemes, and decide if you (and your audience) can easily distinguish between them.
- A smaller number sorts your data into fewer buckets, and shows a more coarse map, but differences in colored ranges become more visible.
- A larger number sorts your data into more buckets, and shows a more granular map, but differences in colored ranges become less visible.
- Think about the nature of data you are going to display.
- Sequential: best to show steps from lower values (light color) to higher values (dark color)
- Example: a scale that increases from 1 to 100
- Diverging: best to show extremes (dark colors) around a neutral middle (light color)
- Example: a scale that highlights extremes from -100 to 0 to 100
- Qualitative: best to show different categories, represented by their own color
- Example: a map legend of the dominant crop in each area: apples, oranges, bananas
- Pick a color scheme, with options for colorblind-safe and print-friendly.
- Think about the ideal format for your audiences. Are readers more likely to view your visualization on a computer screen, or in print, or both?
- Click the Export tab to view all options. Some Leaflet map templates in this book use specific color names (such as “red” or “darkgreen”) and some use hexadecimal codes, abbreviated as “hex codes” (such as #ff0000 or #336600). To learn more, use a Color Picker tool, such as https://www.w3schools.com/colors/colors_picker.asp
Beware that polygon map design choices about data classes and colors reflect the biases of the author and the software. Read the Detect Bias in Data Stories chapter in this book, especially How to Lie with Maps
- Axis Maps, “The Basics of Data Classification,” 2010, http://axismaps.github.io/thematic-cartography/articles/classification.html
- Lisa Charlotte Rost, “Your Friendly Guide to Colors in Data Visualisation,” Lisa Charlotte Rost, April 22, 2016, https://lisacharlotterost.github.io/2016/04/22/Colors-for-DataVis/.
- Josh Stevens, “Bivariate Choropleth Maps: A How-To Guide,” February 18, 2015, http://www.joshuastevens.net/cartography/make-a-bivariate-choropleth-map/.