In this Lesson I want you to understand some of the essentials of Cartography – the art and science of making maps. We Cartographers [2] are an eccentric lot, caught between several really distinct priorities. Every map has an audience, a target format, and a specific purpose. There isn’t a single “right” map for a given problem situation. Maps are not the objective truth, but they offer enormous help for us to understand the world. By default, they are simplifications of reality because we can’t show all of the infinite detail that makes up what exists on Earth (or elsewhere if you’re mapping planets, genomes, whatever). This simplification actually helps us make decisions, identify patterns, or realize where we made a wrong turn on the way to buy a bucket of chicken. Quite often maps are intended to tell a story, or at least to serve as the context for a story to take place. Maps are like snowflakes or children; they can’t be easily compared on objective metrics, and only some of them are truly good looking.
Maps are products of a design process. There are lots of decisions to be made, and every design decision influences the final outcome. To be a Cartographer, you have to understand and accept the responsibility [3] that comes along with making those design decisions. Depending on what I want you to think, I can design my map accordingly to try and sway you. What you choose to include, how you symbolize features, how you show data patterns through analysis, and even the colors you assign to things all have a huge impact on how people will interpret a map. John Krygier [4] and Denis Wood [5]’s book called Making Maps: A Visual Guide to Map Design for GIS [6] has some great examples of how maps can use different representations of the same underlying data to tell very different stories:
These are the three key questions you have to answer when approaching a map design task. Failure to adequately think through any of these three areas will result in great shame to you and your family. I like to start by thinking about the proposed audience for whatever I’m designing. Who are the people who will look at this map? Is it a group of ten experts, or 40,000 anxious parents who are wondering if schools are closed today due to a 6 micron layer of snow outside? In the case of this class, I’m designing maps to work for thousands of map readers, most of whom I will know very little about aside from the fact that they thought this class would be cool to take. Since I know that my Grandpa, my Mom, and most of my friends are taking this class, I at least have some sense of the range of users I need to design my maps to serve.
After you determine who your map should be serving, you need to consider the place where it’ll be seen. Are you making something to print and take on a canoe trip through a fly-infested backwater? Are you planning on showing off your mad iPad skillz by making a fancy digital slippy map [7]? Perhaps you want to make a digital map that’s not interactive like I’ve done in lots of examples for this course. Maybe you need to design something that’ll work in digital formats and printed formats, including black and white. We’re working on lab assignments in this MOOC that only focus on designing interactive digital maps. If you took a Cartography class [8] with me or any of my fellow academic cartographers around the world, you’d gain experience with all of these other mapping formats as well. Each one has its own constraints, naturally. The design I make to work for black and white prints would be totally different from one that has to be legible and work with interactive tools on your cell phone.
Finally, the third, and potentially most important question you need to answer pertains to the purpose of your map. Simply put, what story are you trying to tell (Thematic Mapping)? Or are you just trying to provide the context for other stories to take place (Reference Mapping)? Everything you do to design your map should correspond to the purpose you’re trying to serve. Maybe I need to design a digital interactive map for college students to easily find the nearest place selling cheap yoga pants. Or maybe I need to design a printed black and white map designed to help first responders instantly recognize the location of hazardous materials in a 2-mile radius of a football stadium.
When you design a map, you need to carefully consider the relative balance of all of its visual elements. You have the map itself, and perhaps you have multiple maps (an inset showing where the location of interest is in relation to the rest of the world, for example). You’ll also probably have a title, a legend, scale bar, source information, and other little bits and pieces. Map nerds (cartographers) call those bits and pieces (aside from the main map) marginalia. The act of sorting things out so that clarity is maximized is called establishing a visual hierarchy. Consider the two examples below from Designing Better Maps: A Guide for GIS Users [9] by Cindy Brewer [10]to see what this means in practice. It’s all about shaping the layout items around your message. The map on the top has all of the necessary elements, but they’re not balanced on the page. The example on the bottom shows the same elements arranged in a way that promotes clarity and harmony in the map design. The first example is a bad layout. The second one is a good layout.
By this point you’ve encountered a wide range of ways in which things can be represented on maps. You’ve worked a lot with choropleth (colored-area) maps in labs and you’ve seen a lot of those as examples in the course content. There are many other ways to show stuff though, and I want you to be aware of some of the most common methods.
One of the simplest things you can do is to use icons to represent point features. We call these point symbols, and they can range from very detailed in their design (you could even use small photographs if you really wanted to), to very abstract and iconic. Here’s an example of point symbols used to show the locations of important services in Lower Mapistan. Good resources for point symbols include MapBox’s Maki [11] set and our own Penn State Symbol Store [12].
Another form of point symbol is one that changes its size based on underlying data values. These are called proportional symbols when you size each symbol in relation to its attribute value. In a proportional symbol map it’s possible for every symbol to be a slightly different size, since size relates to the data value itself. In contrast, graduated symbols use preset symbol sizes to represent a category of values. It’s usually easier for people to make quick comparisons with graduated symbols, while proportional symbols do a nicer job of revealing the underlying diversity in your dataset. You can see the difference here with this map of cable bill delinquency. Both methods are good to use if you want to map raw values rather than rates (remember our previous work on normalization?).
Quite often you want to show more than one thing at a time with your symbols. You can use bar charts, pie charts, and other fancy things like cartograms [13] and bivariate choropleth [14] maps to show more than one variable at once. Pie charts work reasonably well if you just have a few variables you want to show.
The best way to get you thinking about color design on maps is to think first about the data you’re trying to show. There are four primary levels of measurement [15] associated with data, but I can make it even simpler for you. Are you dealing with numerical data or are you dealing with categorical data? In the former case you might have conducted a neighborhood census to count the number of households that leave their children’s toys in the front lawn. In the latter case you might be recording what all of your coworkers consider their favorite curse word. Mine rhymes with “duck.”
When you’re choosing colors for a map, you have three major categories to choose from. Color schemes exist for sequential (less-to-more), diverging (+ / - deviation from an average value), and categorical (movie genres in your Netflix queue) data. And fortunately for you, very clever folks have already done all sorts of science [16] around designing effective color schemes for each of these three types. I’m extremely lucky to work quite a bit with Cindy Brewer [10] here at Penn State, who developed something fabulous called ColorBrewer [17], which is a handy web-tool you can use to choose and preview color schemes. Go try it now.
These color schemes work well for all sorts of things outside of mapping. I’ve even used them to choose paint colors at home (we have a green kitchen that couples nicely with a purple wall, like one of Cindy’s diverging color schemes shows). Note that ColorBrewer gives you the ability to choose schemes that are still OK for colorblind [18] viewers, suitable for printing, and usable with a digital projector. 5-8% of males are colorblind, and ~1% of females are colorblind, so it's a really important audience to consider when designing anything. You can use tools like VisCheck [19]to predict what a colorblind person will see when they come across your image.
Below I’ve made two examples to show you why thinking about your data first makes color scheme selection easy. I’ve got data here showing the number of Internet Users per 100 people [20] by country. In the first map, you see a sequential color scheme from ColorBrewer. In the second map I’ve used a categorical color scheme from ColorBrewer. Which one is super-easy to understand? The first one, right? The categorical one doesn’t work – you have to study it over and over to determine which places are high and low, respectively, and at a glance you could not interpret this map easily.
Diverging color schemes are really useful for when you want to show which places are above and below an average value. A lot of the time what you want to do with a map is to convince people to pay attention to particularly high and low outliers in your data, not the stuff that is expected or normal. You can see here what happens when I use a ColorBrewer diverging scheme for the Internet User dataset. I think you’ll agree that this works nicely to show which places are above and below the middle category.
Since this is numerical data that’s not appropriate to represent with a categorical color scheme, I cooked up another example here to show you when using a categorical color scheme would make sense. I may have completely made up this data myself, or it may be absolutely accurate. You decide.
Do I have your attention? Good. Resist the urge to use continuous rainbow color schemes to assign colors to things on your map. They’re formally referred to as spectral color schemes, as they typically use most of the named colors in the visible spectrum. They’re also a type of qualitative color scheme. You see them all the time on maps, and they’re a default choice of many folks when visualizing nearly anything you can imagine. They are almost always the wrong choice.
Here’s why they’re awful – 99% of the time when you see them, they have been applied to data that is sequential or divergent in nature, not qualitative. For example, they’re used a lot to show different levels of rainfall on weather maps. Ask yourself this question; how much more does purple represent than orange? See what I mean? You have to learn how to interpret data categories on a map that uses a rainbow of colors to represent something sequential (more or less rain) – it’s never intuitive. A spectral scheme also emphasizes variation where there may not be anything significant. It may also hide the variation you’re actually supposed to be revealing with your data. They don’t work well for color blind users, either. Many others (misleading maps) [21] aside from me have elaborated on these and other reasons to stop the rainbow scourge (here’s one example (no more rainbow scales) [22], and another (color and design) [23]).
They’re popular in part because they result in very bold-looking, colorful maps. More exciting ≠ better when it comes to making any kind of data graphic (such as a map). It’s much more intuitive to have your color scheme match closely with the kind of data you’re using. If it’s a “less-to-more” dataset as in the rainfall example, then you should be using something that goes from a light to dark range with the same hue.
Here are two examples showing some Twitter data from the 2012 U.S. Election. In the above map I’ve used the terrible rainbow thing to symbolize my data. It looks really bright and exciting. All it’s supposed to show though is where things are high and low, so you have to study the color scheme closely to see what bright yellow means in comparison to bright purple, and so on. The map below uses a single hue increasing in saturation in a sequential manner. It’s more subtle, but it’s also more honest when it comes to showing what’s really in this data, and the reader will have no problem identifying the trend immediately.
But don’t just rely on my rant here – check out what scientists have learned from studying doctors [24] as they try to interpret heart scanning images using spectral schemes vs. sequential schemes. Doctors make worse decisions (ones that would impact serious healthcare decisions) using rainbow color schemes. People could die, so don’t use rainbows on maps.
Most thematic maps require the mapmaker to assign individual data observations to categories. The act of assigning observations to categories in mapmaking is called data classification. We use it as a verb in Cartography – I classify my data before I design a map. If you map everything on a 1-to-1 basis, e.g. you show every observation and identify it as a unique thing on your map, then you’re not using classification. An example would be if I had reports from every city in the world about the number of babies who refuse to sleep through the night. I could report each value individually, but most likely I’d want to group similar values together to make it easier to reveal patterns in the data. In every choropleth map in this course, you’ve seen classified data – I collected values within a certain range and assigned one color to describe them.
There are three major types of classification that I want you to know about. There are many other types too, but I’m sure someone will be along shortly to teach a MOOC just about data classification. Equal Interval classification sets category boundaries at a specified data value interval. Quantile classification works the other way around – you decide how many categories you want and then add observations to each class until you’ve got equal members in each subset. This can help your map look nice and visually balanced because there are equal numbers of each color for a choropleth map, for example. The last type I want you to know about is called Natural Breaks, which uses some fancy math to look for “natural” breakpoints in the overall data distribution to place category boundaries there. There’s no best solution for every map – you have to understand your data, understand the story you want to tell, etc… and choose a method that makes sense given those constraints.
Each method is shown below on a histogram showing some fake data. I’ve got 50 observations (hollow circles), and each observation has a particular value (shown on the axis). In this case let’s say I did a survey of all 50 U.S. States to identify the number Audi A4 Avant [25] admirers per 100 people. I would really enjoy doing this survey.
Using Equal Interval classification, I would set class breaks at intervals of 20 Avant Fans Per 100 People and end up with five classes to represent my data.
With Quantile classification, I decide I want five classes first, and then add observations to each class until I’ve got equal numbers in each one. Since I have 50 people who responded to my survey, I need to put 10 observations in each class. So I move from left to right on the data distribution axis and set my classes accordingly.
Using Natural Breaks, I let the fancy math decide where to put breaks in between the most consistent groupings that appear in the responses.
If you’re intrigued by this stuff, check out this excellent article (Visualizing Cancer Data using GIS) [26] by Cindy Brewer on how classification impacts mapping in the context of public health.
While it’s a bit outside of the scope of this introductory class, I’d be doing you a disservice if I didn’t at least briefly describe the role of labeling and type design on maps. Cartographers often spend a huge amount of effort just trying to decide where to locate labels on a map layout (the map itself and its marginalia). Normally there are too many labels to show in too small of a space, so we need to design a clear visual hierarchy by varying the characteristics of text [27] to emphasize the important bits and de-emphasize the less important bits. Fortunately for you, there are some easy rules to follow – the graphic here shows the priority you should place on label location.
And when you’re faced with the daunting task of choosing among zillions of fonts [28] for the text on your map, Ben Sheesley [29] from Axis Maps [30] has created a great little tool called TypeBrewer [31] (in the spirit of ColorBrewer). Avoid Comic Sans [32] and Papyrus [33] (the default font choice for restaurant menus around the world, unfortunately), please.
For the final lesson of this class, I'd like you to watch this video from Chapter One of Episode Four in the WPSU Geospatial Revolution [34] series. This video shows how geospatial technologies and analytical methods are used to monitor and predict the impacts of climate change. Among others in this video, you'll see Richard Alley [35], another Penn State professor who happens to have his own quite interesting MOOC [36] on Coursera.
For your final mapping assignment, I want you to take initiative and design a map that tells a story about a topic of your choice. You have some decisions to make:
Which mapping platform will you use? You can use anything you like, so long as you’re able to link to an interactive web map or a static image of your map in your peer assessment submission. I’ve listed your options here in order of their relative difficulty.
What story do you want to tell? I really want you to come up with ideas on your own (be creative!). But here are a few examples if you have no idea how to get started:
Where will your data come from?
One thing I'd like to encourage is for you to go out and collect your own data about your community, a problem you'd like to solve, or something else that you think would make good fodder for telling a story. You don't have to do this - I know some of you may not have the time, energy, or devices to pull this off. But it's a cool option for those of you who want to go the extra mile. These are basic guidelines that will cover a lot of the bases, but there is no way for me to provide technical support for thousands of people who might all use different devices.
Map and analyze your field data.
For more information on adding field data to ArcGIS Online, see videos explaining the process at the ESRI page "Add Features from a File [50]" and the geographyuberalles YouTube channel [51].
This assignment can be rated on these four criteria with scores ranging from 1 to 5 (strongly disagree to strongly agree). The four main criteria that you will rate your agreement with are:
You'll also provide a brief written statement to explain your ratings.
This lab was developed by Anthony Robinson [52] and Joseph Kerski [53].
For the final lesson, I want to focus on what makes maps work to tell stories (and to explore why they don't work sometimes). You now know enough to be dangerous about the underpinnings that make maps possible, and this week we focused closely on making sure maps are designed effectively to communicate the things we want to share. Here are a few prompts for this lesson:
Links
[1] https://creativecommons.org/licenses/by-nc-sa/4.0/
[2] http://www.nacis.org/
[3] http://tomake.com/letterpress/rightmapmaking.html
[4] https://www.owu.edu/academics/departments-programs/department-of-geology-and-geography/faculty-staff/john-b-krygier/
[5] http://www.deniswood.net/
[6] http://makingmaps.owu.edu/
[7] http://wiki.openstreetmap.org/wiki/Slippy_Map
[8] https://www.e-education.psu.edu/geog486/
[9] http://www.amazon.com/exec/obidos/tg/detail/-/1589480899/qid=1117811072/sr=8-2/ref=sr_8_xs_ap_i2_xgl14/103-1755528-5859050?v=glance&s=books&n=507846
[10] http://www.personal.psu.edu/cab38/
[11] http://mapbox.com/maki/
[12] http://www.symbolstore.org/
[13] http://www-personal.umich.edu/%7Emejn/cartograms/
[14] http://www.census.gov/population/cen2000/atlas/censr01-103.pdf#page=4
[15] http://www.youtube.com/watch?v=hZxnzfnt5v8
[16] http://www.ingentaconnect.com/content/maney/caj/2003/00000040/00000001/art00004
[17] http://colorbrewer2.org/
[18] http://www.geteyesmart.org/eyesmart/diseases/color-blindness.cfm
[19] http://www.vischeck.com/
[20] http://data.worldbank.org/indicator/IT.NET.USER.P2/countries?display=map
[21] http://eagereyes.org/basics/rainbow-color-map
[22] http://blog.visual.ly/rainbow-color-scales/
[23] http://flowingdata.com/2008/04/29/why-should-engineers-and-scientists-care-about-color-and-design/
[24] http://phys.org/news/2011-10-heart-disease-visualization-experts-simpler.html
[25] http://i624.photobucket.com/albums/tt327/geovisualize/A4_Avant_2012.jpg
[26] http://www.sciencedirect.com/science/article/pii/S0749379705003582
[27] https://www.e-education.psu.edu/geog486/l3_p7.html
[28] http://www.dafont.com/
[29] http://www.axismaps.com/company/
[30] http://www.axismaps.com/
[31] http://www.typebrewer.org/
[32] http://mashable.com/2012/10/03/comic-sans-history/
[33] http://www.papyruswatch.com/
[34] http://geospatialrevolution.psu.edu/
[35] http://www.geosc.psu.edu/academic-faculty/alley-richard
[36] https://www.coursera.org/course/energy
[37] http://storymaps.arcgis.com
[38] https://www.youtube.com/watch?v=hi_xeoTt3s0&list=PLiC1i3ejK5vsS8gJ8BLkhAjqAYXAVLFID
[39] http://blogs.esri.com/esri/gisedcom/2014/04/18/web-maps-web-apps-storymaps/
[40] http://developers.cartodb.com/
[41] http://developers.cartodb.com/tutorials.html
[42] http://www.qgis.org/
[43] http://grass.osgeo.org/
[44] http://live.osgeo.org/en/overview/overview.html
[45] http://www.arcgis.com/home/index.html
[46] https://play.google.com/store/apps/details?id=com.eclipsim.gpsstatus2
[47] https://play.google.com/store/apps/details?id=com.zihua.android.mytracks
[48] http://gps.motionx.com/iphone/
[49] http://www.arcgis.com/home
[50] http://video.arcgis.com/watch/433/adding-features-from-a-file
[51] http://www.youtube.com/user/geographyuberalles/videos?query=gps+to+gis
[52] http://sites.psu.edu/arobinson
[53] http://www.josephkerski.com/