Category: Maps

Visualizing the invisible

MAPS POWERED BY DATA.

James Cheshire and Oliver Uberti’s latest book doesn’t follow the traditional idea of an atlas that depicts visible geographical features. This collection of maps, developed using large datasets, reveals hidden patterns that tell a specific story.
The U.S. and U.K. editions are available here: https://www.atlasoftheinvisible.com

Below, boundaries based on commuting.

Names by continent.

Glacial movement.

The world’s oceans connected.

MAKING DATA-DRIVEN MAPS
I asked Oliver and James about the way the ideas were developed. This is very much a geographer (James) and designer (Oliver) collaboration, from ideas to initial plots, back and forth (through GitHub) looking for a strong story before moving towards the final visuals. They describe this sequence as “topic/data/angle/form.” It’s a rigorous process: around 50% of the initial ideas for the Atlas didn’t make it into the book. Overall, they’re trying to avoid being too generalist, and instead hone in on a focused narrative. A clear primary takeaway, followed by secondary and tertiary information.

Here’s the process for two aircraft-related maps that had different developmental approaches. Carbon Overhead is a visualization that evolved toward greater simplicity, Bombshell Reports was more about wrangling added complexity. In both cases, the formal choices were in response to the angles Oliver and James had chosen for each topic.

An editor’s note here about the importance of words: In both the examples below, and throughout the book, the use of carefully-crafted text (written by the authors) introduces and supports the graphics.

CARBON OVERHEAD
TOPIC: Flight data
ANGLE: Choosing to fly is one of the most carbon-intensive choices an individual can make.

The carbon idea was originally inspired by this graphic from one of their previous books, “London: The Information Capital.” Incoming flights to London’s airports were colored by their continent of origin.

The first step for the new graphic was to see what the flight data looked like plotted across all of Europe. In this complex tangle of lines, blue indicates low altitude where planes take off and land.

Next, James began to clean the data, while Oliver dropped a recolored plot into a layout to begin thinking about the overall spread design. (It was not ideal to have the book’s gutter bisecting the continent.)
Note that they don’t wait until the end of a project to put things into a layout. They test layouts early: 1) to ensure the exports will work on the page, and 2) because when they don’t, that discovery often informs new approaches.

Oliver began to explore whether a celestial color palette might better suit the density of lines at different altitude levels.

Ultimately, they realized that for a story about the impact of airplane emissions, it was clearer and more appropriate to reduce the color scheme to black lines only. Oliver shifted the text to a righthand panel to allow the gutter to fall in a less intrusive area. A locator map orients readers since James and Oliver chose to keep labels off the main image, which resembles a charcoal drawing.

BOMBSHELL REPORTS
TOPIC: Declassified data on the secret bombing of Cambodia and Laos during the Vietnam War, plus the largest bombardment in military history (Khe Sanh).
ANGLE: Knowing where bombs fell helps nonprofit groups locate and defuse these lethal remnants of war.

Here, Oliver was using James’s initial exports to block out how a three-part story might be arranged across multiple pages: a) bombing in a region; b) bombing in one country; c) bombing in one particular battle.

More-developed rough spreads: On the Cambodia map, data is colored by year. On the Operation Niagara map, data is sorted by aircraft type and colored by month. Oliver and James realized that there was too much going on.

At this point, the basemaps were being revised to show Cambodia and South Vietnam’s roads, rivers, railways and urban areas in 1975. On the Khe Sanh map (below), the elevation and vegetation basemap were recolored to reduce visual noise.

For the Operation Niagara map, Oliver needed a place to put the text, captions and locator map. Then he remembered a map James once showed him by Emma Willard (1836, from the David Rumsey Map Collection) that isolates a geographic area through a gap in the clouds.

The final pages (below) have a right-hand gatefold. The data on the Cambodia map was regrouped and recolorized into three missions instead of five years. James and Oliver also did away with graduated quantities in favor of targets. That made it easier to see the change when Nixon ordered bombings—illegally— across the border in Cambodia. On the Khe Sanh map, all B-52 bombs were grouped together, and the month-by-month color coding was reserved for fighter bomber sorties only. For greater clarity, the bombs-dropped quantities in the key were regrouped from four bins to three.

The authors
James Cheshire is a Professor of Geographic Information and Cartography at University College London.
https://jcheshire.com
Oliver Uberti is a freelance map and infographic creator, and a former senior design editor for National Geographic.
https://www.oliveruberti.com

Previous collaborations
Where the Animals Go (2016): https://www.oliveruberti.com/where-the-animals-go

London: The Information Capital (2014): https://www.oliveruberti.com/the-information-capital

Planetary motion

GEARED MODELS OF THE SOLAR SYSTEM.

An orrery represents the relative positions and motions of the planets. It’s named after the Earl of Orrery, who commissioned one of the earliest mechanical planetary models in 1713. The example shown here is turned with a hand crank that, through a complicated set of gears, moves the planets and moons. It was designed by William Pearson in 1813, and constructed sometime in the following nine years by Robert Fidler.
Photograph: Science Museum Group Collection ©The Board of Trustees of the Science Museum

The model is obviously not to scale. The Earth would be tiny, and a huge distance from the Sun. This earlier post was about the scale of the Solar System: https://wp.me/p7LiLW-A8

Below, an image from Smith’s Illustrated Astronomy (1850) with an orrery in front of a diagram of the planets and their orbits.

This 1776 painting by Joseph Wright of Derby shows a lecturer discussing an orrery. There’s a lamp in place of the Sun.

A tellurion (or tellurium, or tellurian) shows the Sun and the Earth. This one was made in 1776.

Photograph: Sage Ross

Build your own tellurium. A wooden kit: https://bit.ly/3dLiuhN

It’s hell out there
The planets look benign in planetary models, but in reality they’re hostile environments, to put it mildly. For example, Venus (shown below) has a toasty average temperature of 870°F (466°C), and Neptune is somewhat cold at -350°F (-212°C), plus it has brisk winds in excess of 1,200 mph (1,931 kph).

NASA/JPL-Caltech

Airways

THE EVOLUTION OF THE AIRLINE ROUTE MAP.

They’re mostly found near the back of in-flight magazines, along with profiles of jets and lots of aircraft manufacturer metrics that probably only appeal to about one person per flight, maximum. (Yes, I’m that person. I want to know the wingspan of an Airbus 320.) You can find some network information in these spider-web extravaganzas, but it’s quite hard work, especially in areas where there’s lots of flights. The one above shows Delta’s US network.

Of course, this type of map grew in route complexity as commercial air travel expanded. Early maps were pictorial and rather engaging. These historical examples, with easily defined routes, are all from the 1940s. Jet-powered airliners didn’t come into service until the 1950s, with the consequent dramatic expansion of flight networks.
Below, American Airlines, 1945. Click on the image for a larger version.

A detail. “Oh look, there’s a steam shovel down there, just like on the map!”

Delta Air Lines, 1946.

Air France, 1948.

BOAC, 1949.

The historical images above can be  downloaded in high resolution from the David Rumsey Map Collection. https://www.davidrumsey.com

Talking of BOAC (British Overseas Airways Corporation), I saw this 747 decked out in retro (and excellent) livery at Heathrow Airport last summer. It was painted to celebrate British Airway’s 100-year anniversary.

BA’s current look.

Photographs © British Airways.

The maps gradually outgrew their format as air travel expanded. With no possibility to isolate and examine a single route, they’re of marginal effectiveness in print. Obviously the lines are not flightpaths. So an airline route map is more a diagram than a map, with the lines arcing farther in an attempt to avoid all the other lines.

Pure flight
Airline routes drawn from data, by John O’Sullivan.

By Aaron Koblin. See an animated version, with a flight count, here: https://bit.ly/31QuBWf

Interactivity
Opens up a lot of possibilities in terms of exploring route data. Here’s one example.  https://www.flightconnections.com/

And finally… interactive airport flightpaths from Infographics Group. Explore it here: https://flight-patterns.igg.solutions/

History lessons

TWELVE CENTURIES OF INFOGRAPHICS.

This impressive guide to historical graphics, curated by Sandra Rendgen and edited by Julius Wiedemann, was published last month. It’s big and heavy, in the Taschen tradition, and packed with around four hundred examples that track the development of information graphics from the Early Middle Ages to the end of the twentieth century. The historical progression is punctuated by separate sections that feature the collections of David Rumsey, Michael Friendly, Michael Stoll and Scott Klein. This is essential reading for people in our field.
Here are some sample spreads. Click on the images for larger versions.

Below, Beatus of Liébana, ca.1180.

Hartmann Schedel and Michael Wolgemut, 1493.

Charles-Joseph Minard, 1869. (From Michael Friendly’s collection.)

Emma Willard, 1846.

Left, Carl Weigand, ca. 1963. Right, Hermann Bollmann, 1964.

Massimo Vignelli and Bob Noorda, 1972.

Taschen’s website: https://bit.ly/2Z7pdiD

Transparency
I have a graphic in the twentieth-century section, but I’ve tried my best to be objective about the book. If you get a copy, you’ll see what I mean about there being a lot to learn from these pages.

35,000 years ago
The first post on this blog (in August 2016) was a very short history of infographics: https://wp.me/p7LiLW-9C

Maps revisited

A SAMPLE OF PREVIOUS GEOGRAPHIC POSTS.

Another set of examples from the multiple Nobel Prize-winning Grimwade archive. This time it’s all about location.

The incredible Bollmann map workshop https://wp.me/p7LiLW-Ak

Moving borders https://wp.me/p7LiLW-UY

Data mapping https://wp.me/p7LiLW-2J1

Mega-globes https://wp.me/p7LiLW-3D

North https://wp.me/s7LiLW-north

Mercator projection https://wp.me/p7LiLW-1Qn

Stick maps https://wp.me/p7LiLW-2bd

Equator https://wp.me/s7LiLW-equator

Globemaker https://wp.me/p7LiLW-qD

Earthlight https://wp.me/p7LiLW-1Y0

Last week’s post: Data viz revisited
https://wp.me/p7LiLW-2Yy

Next week: Historical graphics

Map art

CARTOGRAPHIC CREATIVITY.

Susan Stockwell used discarded computer components to make “World” for the University of Bedfordshire (U.K.). Below, an embroidered, cotton handkerchief representation of the London Underground map. Photographs © Susan Stockwell.
http://www.susanstockwell.co.uk

Hand-cut maps by Karen O’Leary. https://etsy.me/2TRswVd
Below, Boston.

Cut-out Chicago.

Armelle Caron deconstructs maps into their component shapes. https://bit.ly/2NbDLVU
Below, Paris complete, and arranged in pieces.

Part of New York City taken apart.

Examples from “Les robes géographiques” by Elisabeth Lecourthttps://bit.ly/1gkrs0k

Historical city maps by Matthew Pictonhttp://matthewpicton.com
Below, Paris 1749. Layered information using Duralar film, paint and pins.

London 1666. Made from book covers of “The Plague Years” by Daniel Defoe.

Damion Hurst constructed 17 city maps using knife blades, razor blades, fish hooks and other sharp metal items for his “Black Scalpel Cityscapes” exhibition. https://bit.ly/2Ee6jvl
Below, an area of Rio de Janeiro.

London (Detail).

Ribbon maps

FOCUSED CARTOGRAPHY.

The “Ribbon Map of the Father of Waters” (1866) shows the full length of the Mississippi River on an 11-foot-long map (3.35 meters), which was rolled inside a spool with a hand crank. Steamboat passengers could unwind it and study the section of the river they were currently on. Below, a detail. Images from the David Rumsey Map Collection.

Road atlas
John Ogilby’s “Britannia” (1675) displays 73 main roads (in England and Wales) using a ribbon-map style.

Photograph: The British Library.

Before GPS
This wristwatch-style navigation system dates from 1920. After selecting the appropriate paper ribbon map, and inserting it into the holder, the user could scroll along the route.

The 1939 Iter Avto had paper map rolls that were moved by a mechanism that was linked to the wheels of the car.

On the dashboard.

We didn’t get GPS navigation systems until 1995 when the Guidestar system was introduced.

Trip planner
The American Automobile Association’s TripTiks, which show a planned route and the intersecting roads along it, have been around since 1937. Below, a 1959 example. Note how the route has been highlighted by the person who prepared the planner. Today, there’s online and mobile versions, but the traditional printed TripTik is still available.

And just because I like logos, here is AAA’s. The blue ellipse was added in 1997.

Two hundred

THIS BLOG, SO FAR.

This is my 200th post, so I’m in a reflective mood. For nearly two years, I have held forth, but it’s only one viewpoint.
That’s all. And no more important than anyone else’s.
Typeface by Sawdust: http://www.madebysawdust.co.uk

As this is a milestone of such super-high importance to mankind, it’s time to examine the WordPress data. (As of July 22.)

TOTAL VIEWS: 62,340

TOP TEN BY VIEWS
I’ve left out these two from the list.
Home page: 18,598 (Obviously, this could be divided up amongst all the posts.)
About me: 1,596 (For anyone remotely interested.)

1. Tools of the trade: 3,443  https://wp.me/p7LiLW-EI

2. Size comparison: 2,213  https://wp.me/p7LiLW-181

3. Notebooks: 1,519  https://wp.me/p7LiLW-2i0

4. Sketching infographics: 823  https://wp.me/p7LiLW-14Q

5. The incredible Bollmann map workshop (Part 1): 682  https://wp.me/p7LiLW-Ak

6. Nigel Holmes on humor: 678  https://wp.me/p7LiLW-iZ

7. Archeological pictograms: 626  https://wp.me/p7LiLW-V0

8. Cutaway magic: 611 https://wp.me/p7LiLW-qF

9. Infographics made easy: 601  https://wp.me/p7LiLW-Ic

10. When infographic dinosaurs roamed the Earth: 580  https://wp.me/p7LiLW-h0

VIEWS: TOP FIVE COUNTRIES

USA: 21,292

UK: 4,718

Germany: 4,716

 Russia: 2,973

Spain: 2,631

GOING FORWARD
I’ve posted twice a week up to now, but I’ll only be posting occasionally in the future. Why? Here’s one reason: I took a look at my ideas page last week. I think it says it all.

Seriously, thank you all for following over the last two years. And for sending ideas and encouraging emails. I really appreciate it.

Weather graphics

METEOROLOGICAL VISUALIZATION.

Many male weather presenters wore an infographic tie on the summer solstice (June 21). It’s a data visualization of the change in global temperature from 1850 to 2017, by Ed Hawkings. http://www.climate-lab-book.ac.uk/2018/warming-stripes/

Jeff Berardelli at WPEC CBS 12 in West Palm Beach led this initiative of the #MetsUnite movement. The color scale represents the change in global temperatures covering 2.43° F. (1.35° C.) Blue indicates annual average temperatures below normal, and red shows average annual temperatures above normal.

Merchandise for meteorologists
Below, Lauren Olesky (also a presenter at CBS 12) with her morning coffee. The chart is available in a range of items from earrings to mousepads. https://www.zazzle.com/climate_change

Outfit confusion
I wish the producers of weather broadcasts would persuade presenters to dress in more neutral outfits. For obvious informational reasons.

Augmented reality
The Weather Channel recently started using “Max Reality” to add impact to weather explainers. The Future Group’s technology is the driving force behind this. Click on the image below to see Jim Cantore describe the dangers that accompany a tornado. Check out the crashing utility pole at 1:50, and the flying car at 4:00.

Technical issues
We all have our problems. Cave Creek’s evening temperature is hotter than molten steel at 2,960° F. (1,627 C.)

Cranking it up
TV weather forecast graphics tend to be in the showbiz end of information design. They’re often very colorful, but don’t promote a feeling of reliability. (Well, not to me.) I guess it’s the result of a battle for viewers. Information graphic critique: There’s no key to the colors, and this is a problem. We assume (correctly) that the graphic goes from cool to hot in terms of temperature, but green has also been used to show rainfall. Two additional blues show a front and the jet stream. The visualization is not wrong, but it could be clearer.

Inconsistency
There’s a standard color scale to use for storm prediction in the U.S. (below). However, various outlets interpret it in different ways. These three forecasts are for the same severe weather pattern, in our area, earlier this year.

More accurate hurricane forecast maps
I’ll finish on a more positive note (for a change). This year, the National Hurricane Center is shrinking the “cone of uncertainty” that predicts the possible track of the center of a hurricane, by analyzing the previous five hurricane seasons.

Thank you to two former Ohio University students for help with elements of this post: Alex Hurley, M.S. Environmental Studies, and Ethan Emery, B.S. Meteorology.

Small buildings

MINIATURE ARCHITECTURE.

I have a collection of small metal souvenir buildings, and only ones that I have seen for real, except for the Trylon and Perisphere (the centerpiece of the 1939 New York World’s Fair). For more detailed information on all this, please contact my therapist.

These little architectural caricatures sit on a shelf in my studio, and they‘ve influenced the way that I draw landmarks on maps. I’m trying to capture the key elements of the structures, and a strict aerial view is often not the best way to convey the feeling of a building, especially at a small size. There’s nothing original about this thinking, pictorial map-makers have been doing this kind of thing for a very long time. My two posts about Bollmann Maps showed the work of their illustrated map craftsmen.
https://wp.me/p7LiLW-Ak
https://wp.me/p7LiLW-X8

I clearly am not in the elevated category of Bollmann, as my maps have buildings that are closer to pictograms than they are to architectural renderings. Here are some examples of the metal buildings’ effect on my projects.

There are plenty of interesting buildings to draw in Rotterdam.

A detail.

The landmarks of Paris. My Eiffel Tower model came in handy here.

Post-2001 plans for Lower Manhattan. This and the previous two maps are from Condé Nast Traveler.

Jogging around Chicago.

And around Tokyo. Both maps are from Runner’s World.