ArcGIS StoryMaps

Swipe right for a powerful storytelling tool

Visual comparisons are one of the most effective tools in the storytelling toolkit. They take competing information that might otherwise have been related through text or tables and deliver it in a way that is much easier and more intuitive to interpret and analyze at a glance. For place-based storytelling, cartographic comparisons can pack an even bigger punch, enabling the quick comprehension of trends or patterns within a geographic context, across multiple datasets.

One of the features added to ArcGIS StoryMaps in June, 2020 was the Swipe media block. Its presence changes the way visual comparisons can be used to tell a robust story. With the swipe block, storytellers can directly compare two synchronized images or web maps. This blog post will focus primarily on the workflow and use cases for maps.

Screenshot of the ArcGIS StoryMap block palette, with the swipe block highlighted

The story so far

Prior to the swipe block, there were already a few map comparison solutions possible in ArcGIS StoryMaps. Authors can effect map choreography by orchestrating slideshow or sidecar slides to sequentially change the extent and visible layers of a given map. Another alternative is to use map actions to permit the reader to interact with and modify chosen aspects of a map.


A screen recording from the "Urban Africa" story demonstrating map choreography in a sidecar
An example of how sidecar can be used to enact map choreography


However, those options have their limitations. For one thing, you’re not able to compare maps side-by-side at exactly the same time, and there is a limit to how much information the human brain can retain throughout the process of going back and forth between two or more maps. Map view extents and layers might change from slide to slide, further increasing the possibility of disorientation.

There are, of course, cases where you, as the author, will want or need your audience to be able to really dig into multiple layers of data over several geographic or temporal frames of reference. In such instances, those more complex resolutions are necessary, but for quick, streamlined, map-based comparisons, the simplicity of the swipe block offers an answer.


The swipe block: an elegant solution

The swipe media block enables readers to directly compare two maps simultaneously, using an interactive, draggable handle.

The result is a much simpler interface than those aforementioned solutions. By keeping both maps visible and their extents always synced up, the swipe block offers an immediate, one-to-one relation of whatever contrast—or similarity—you’re trying to convey.

Furthermore, the swipe block keeps the comparison contained to a single, tidy inline display. This reduces the potential for the reader to be overwhelmed by a mandatory overload of information and interpretation or to get fatigued from intensive scrolling or clicking.

A screen recording of a swipe block comparing urban populations in 1950 and today
The swipe block is used here to show how urban centers have grown between 1950 and 2020


The strengths of the swipe block

The swipe block really shines for punchy thematic comparisons with a clear visual distinction.

For instance, the swipe block shown below demonstrates how terrain in a region of central Mexico relates to satellite imagery of the same area, from which inferences about land use and vegetation can be gleaned quickly.

A screen recording of a swipe block comparing terrain to satellite imagery in central Mexico


Another good use for the swipe block is to show change across time.

The modern landscape can be shown against the past, as demonstrated in the story Grace and Delight, which chronicles how select American cities have made room for public spaces as they have grown.

Or, a swipe block can show the potential for future changes, like this one from the brilliant Coastal Flooding story, warning of the effects of sea level rise around Norfolk, Virginia.

A screen recording of a swipe block showing how sea level rise could affect Norfolk, Virginia


The swipe block can also be used for relating two different sets of data in one fell swoop.

In the screenshot here, a county-level look at confirmed COVID-19 cases per 100,000 people across the United States is stacked up against the case fatality rate in each county. Such comparisons can help to pinpoint regions where health services may be struggling to keep up with the demands that the spread of coronavirus has placed on them.

A screen recording of a swipe block comparing COVID-19 rates by county with the case fatality rate


Add a swipe block to your story

The best part is how straightforward it is to implement a swipe block! Just select Swipe from the palette block you know and love, then add a map from your own library, your favorites, or the ArcGIS Living Atlas of the World to each side of the block. Toggle the maps’ layers on or off as needed, then edit either map to set the initial view, and presto! You’ve got an instant cartographic comparison.

(Note that you can’t edit a map itself from within the swipe block builder; you’ll need to have editing access to that map and open it in the Map Viewer to change its symbology, basemap, et cetera.)

Take a peek at the video below for a brief walkthrough of how to add a swipe block to your story.


And, to add to an already fun feature, authors also have the flexibility to disable map navigation in the swipe block, for cases where the ability of the reader to pan around and zoom in or out might distract from a specific comparison that’s being made.

Plus, a hover-over legend can be enabled for either or both of the maps in the block, and the entire block can be re-sized to three different options.

A screen recording from the Grace and Delight story showing a swipe block with map navigation disabled
An example of a swipe block where map navigation has been disabled to ensure the reader remains focused on a specific area


Finally, keep in mind that you can also add a swipe block to the media panel of a sidecar slide. This works in both docked and floating sidecar layouts; in a floating layout, the narrative panel will temporarily disappear while the swipe slider is being dragged.

So, if you think you’re ready to add some powerful map-based comparisons to your story using the swipe block, go ahead and jump into the story builder.

For a more in-depth look at the process of implementing a swipe block along with tips to get the most out of this tool, check out this comprehensive tutorial.

And, as always, we’d love to hear your feedback! Leave a comment on this post or give the StoryMaps team a shout on Twitter!

About the authors

Will (he/him) is a Senior Content Specialist on the StoryMaps editorial team. A yinzer born and bred, he is an aficionado of two-lane road trips, Minor League Baseball, malt-forward beer, or any combination thereof.

Cooper is a cartographer on Esri’s StoryMaps team. His maps have found their way onto the @Esrigram Instagram feed, the front page of Reddit, and his parents’ fridge. In his spare time, Cooper enjoys playing Mozart to his houseplants so that they someday grow tall and strong.

1 Comment
Inline Feedbacks
View all comments

Next Article

Basemap Releases Include Over 300 New and Updated Communities

Read this article