RJ Andrews presenting his map at the David Rumsey Map Center

Creating A New Map in a Classic Isotype Style

Breathing life into Isotype through a contemporary remake

Published in
10 min readMar 19, 2020

--

If one is a fan of Nightingale, then hopefully the name RJ Andrews means something to you already. He helped us dig into the dataviz work of Florence Nightingale when we launched and he’s a regular contributor on all things historic dataviz. Beyond that, he’s my friend with a common passion — Isotype.

Recently, his Isotype-inspired fold-out map Cross-sections Through California caused a ruckus on Kickstarter snagging the coveted “Projects We Love” designation. If you act quickly, you can still contribute $26 to the campaign for a map and get a copy for yourself. I caught up with him to talk about his map, how he created it, and what he learned in the process.

RJ holds a print proof of his map at the Golden Gate.

Jason Forrest: How did you get the idea to recreate this kind of Isotype Map?

RJ Andrews: The California map idea emerged during fall 2019 at the intersection of two vectors: Isotype and NACIS.

The first influence is a joyous obsession with Isotype information graphics. Isotype is a visual education process from the 1930s and ’40s that produced many iconic graphics. Isotype design seems particularly relevant now. Its approach makes data-driven understanding more appealing and accessible to all. While Isotype is widely known by its stack-of-icon bar charts, it also produced many maps.

Isotype cross-section map inspirations alongside the new California map

The second influence stems from attending the 2019 meeting of NACIS (North American Cartographic Information Society). The conference was full of inspiring cartographers and many maps. Read a summary of my NACIS presentation How DataViz Sees Cartography on Twitter. Coming out of NACIS I wanted to make a map to submit to the NACIS Atlas of Design, a biennial publication of maps.

So Isotype and NACIS were the background motivators. A couple of weeks after NACIS I posted an Isotype map on Twitter that attracted the attention of many designers I admire including Riley D. Champine, Maarten Lambrechts, and Zan Armstrong. This was the first outside encouragement I received to pursue this style.

JF: Why did you want to design your map for California specifically?

RA: I moved to California in 2015. Immediately I was amazed by its geography. Growing up exploring the U.S. Eastern Seaboard’s rolling hills was poor preparation for the American West. The West is just so big. This initial wonder motivated me to create Profiling the Parks, a short film about the U.S. National Parks that cored on elevations cross-sections.

Since then I befriended Rob Simmon, earth-visualizer extraordinaire. Across many conversations he has taught me about California’s unique land, always spiking my curiosity to learn more. Rob also gave me constant encouragement and feedback throughout my making of the California map — it would not exist without his input.

JF: When you went to create the map, did you find any challenges with sourcing or processing the data?

RA: The underlying datasets are USGS elevations and land coverage from the Multi-Resolution Land Characteristics (MRLC) consortium.

The most unique data challenge resulted from rotating north-south away from vertical. The rotation better fits California’s shape onto the rectangular canvas. The rotation also presents the state in a way we think about California: the Sierra-Nevada mountains and Central Valley run up-down, not exactly north-south. The Pacific coastline faces left, but not exactly west.

This rotation has some precedent. California road maps going back to at least 1917 have rotated the Golden State, such as this “Automobile highway map of California and western Nevada” by the California State Automobile Association, 1917.

Automobile highway map of California and western Nevada, 1917 (link)

I chose the final rotation angle by working with Andre Kaschcha. He added a feature to his cross-section mapping tool that allowed me to rotate California and select the angle I thought looked best. See how the north arrows points away from the vertical and state labels are rotated to match:

note the arrow designating the position of North

The data implication of this rotation was planning the cross-sections. In other projects, elevation cross-sections follow a constant latitude. But once I rotated the map I needed to consider how to define the course of the cross-sections so that they still appeared horizontal.

The California map uses the Mercator projection, the classic map projection for navigation. The Mercator projection has the useful property of representing any course of constant bearing as a straight segment. Such a constant bearing course is known as a rhumb line.

I needed to define rhumb lines that passed through points of interest. I addressed this challenge by using a rhumb line calculator. For each cross-section profile, I began with a lat/long of a point of interest. From there I used the calculator to build out a line with constant bearing, iterating until I had start and endpoints that went from the Pacific Ocean and beyond the extent of my map. It was an iterative process to get each line right. With endpoints determined, I could then pull the right USGS elevation data, careful to sample the data at the same density along each line.

JF: Isotypes inherently aggregate data to make a subject more understandable and easier to remember. What was your process or strategy for understanding the data and aggregating it into a more generalized format?

RA: This map will not help you win an orienteering competition. It is a fluffy design meant to convey big sweeping contrasts across California: valleys and mountains, arid and temperate, tamed and wild.

My California map is created at the same graphic scale as original Isotypes: icons, fonts, textures, and line size are all consistent with original Isotype publications. However, the California map’s canvas size is much bigger than any original Isotype map. Their maps fit on the spread of a small book while mine is a large fold-out print.

This canvas-size difference means that the entire California composition contains much more information than a typical Isotype map. Despite this difference, I believe that my essential design challenge was the same as the original Isotype: abstract data to caricature proportions in a helpful way. I did this abstraction all by eye.

For the elevation data, I began by loading the elevation data into Adobe Illustrator (using its onboard charting tool — a first time for me!). This data appears very spiky in the black shape below. This is partially because California has some sharp peaks and also because of the low resolution I am sampling data at.

Sampled data (black) with a smoothed profile (red).

To smooth the spikes and achieve the desired aesthetic effect I processed the profiles using Illustrator’s new Simplify Path feature. This process reduces the number of anchor points necessary to create a vector shape. It smooths the profile. Then I tweaked the profile’s anchor points manually until I achieved a satisfactory cartoon of the original data (the red line in the above image). Throughout this process, I kept the original data plot in the background as a visual reference.

The land cover data is also greatly abstracted from detailed data. The map style represents a large amount of land with a single icon. I considered the dominant land cover along the profile section represented by the icon and also the area north and south. It was helpful that the native land cover data color scheme is very similar to the Isotype categorical color scheme.

Reference land cover data behind smooth profile and land cover icons.

JF: The drawing of your map is delightful. Since you explained the illustrations in your last book, what kind of gems of wisdom did you learn when you created this project?

RA: There is a natural variation in the original Isotype publications that helps make them so attractive. This original variation comes from the way in which they were printed and especially from the way their inks interacted. The scratches, overprints, and bleed-throughs make each icon unique.

Imitating this roughness is a fool’s errand. However, I made a small attempt at variation by using multiple digital illustrations of each icon. For example, there is not one green pine on the map, but a half dozen. Each one is slightly different because of the variation of my original hand. These differences should not be detected by even a discerning viewer, but I believe they contribute to the overall composition feeling more human.

JF: What was the process to complete the map and how did it differ from other projects?

This map is different because it is my first ‘print-first’ project! I have created many data stories over the past decade, but they have all been for the web. One of the problems with doing print is it takes forever compared to digital. One of the things that makes this great is that I had a lot of time to reflect on the map design and make it better.

JF: What kind of advice do you have for other dataviz practitioners to create their own isotypes, maps, or historically influenced works?

RA: Mimicking historic information graphics can teach you a lot. There are lessons in the experience that I do not know how to access otherwise. You learn about design decisions made by the original creator. When you try to repurpose original approaches for your own data you realize how perfectly those original forms were fit to the original data — and how hard it is to transfer them. It’s a really worthwhile and insight-inspiring challenge.

I like to get deep enough into historic aesthetics that I can make a faithful copy. However, the goal is not to make something that could pass for an original on inspection. Mere aesthetic imitation would put your own design in some danger. When you mimic historic work, you fall in love with design flourishes that aren’t really relevant to today’s audiences. It is hard to know what design details are useful.

To solve this trap it is essential to have your work critiqued by others. You [Jason Forrest], Kenneth Field, Rob Simmon, Catherine Madden, and Rosemary Wardley all critiqued drafts of Cross-sections through California. Sometimes you told me what wasn’t working. Often you told me how to do it better.

For example, an early version of the California map included an original Isotype symbol of a black dead tree:

Tundra and forest symbols in the original Isotype map of the Soviet Union, 1947

It was only through critique that I learned that this dead tree icon did not work. No one understood what it meant!

Another critique suggested I create a new icon to represent one of California’s unique natural wonders: the Joshua tree. Previous immersion into Isotype design helped me create a new symbol that fit with the originals:

Rj’s updated Joshua tree symbols

JF: Your kickstarter was funded in a week — there’s obviously an audience for this kind of work. What’s next?!?!!?

RA: First, I am focused on printing, packaging, and delivering these maps!

I am generally interested in making more charts in an Isotype style. The successful funding of this campaign gave me the opportunity to develop several abstract Isotype charts about California for the back of the map. They are about California’s crops, energy, and population growth. You can preview their drafts below:

Some have suggested I make more maps in this style. They want to see Cross-sections through New England, or the Rockies, or the Pacific Northwest. Maybe we should make an entire atlas. The next map will be easier to produce because the design language is now defined. But ultimately it is a very human design that cannot be fully scaled and executed by a machine. As a designer you need to select a set of elevation profiles that tells a story about the land and points of interest. This story must resonate with natives and visitors alike — I would need a local partner for each new map who really knows the territory. It’s all gotta hang together in a way that rings true. The computer can’t do that on its own.

Finally, I am interested in printing more original work. I also want to help others print their own work. And I want to print books. More on that … soon!

--

--

Dataviz Designer at McKinsey, Editor-in-chief at Nightingale, Electronic Musician. Contact & more: jasonforrestftw.com