StoryMap JS


Name: StoryMap JS
$: Free
Example: Al-Raqqa Under Attack
Level: Beginners to Advanced depending on project complexity
Use For: Fast, rapid deployment; Visually representing research; Telling a story with a geographic component


StoryMap allows the user to design a map where the viewer is presented information about each location as they navigate through the map. The user can pick from a variety of basemaps, including OpenStreetMap, custom maps, and those designed by the user on Mapbox. The user then creates a title slide which shows the points from all the other slides. As the user creates slides they can choose the location the map zooms to and what kind of information they want attached to the slide. It is possible to add text, videos, including those from YouTube and Vine, photographs, including those from Flickr, tweets, excerpts from Wikipedia, and SoundCloud files.

When exploring the map the viewer can use the arrows on the side of the map to move from slide to slide in order or click on individual pins in the map to see the information associated with that location. The viewer can move around the map and can double click to zoom in on an area. It is not possible for the viewer to zoom out but they can move the map around.


Simple versions of StoryMap can be created by those without prior mapping experience. Basic story maps can be created through the StoryMap JS authoring tool, however certain features can only be achieved through coding. For example, to override the automatic zoom settings for each slide the user must have knowledge of JavaScript. StoryMap is free for anyone to use. The maps can be viewed on desktop computers as well as mobile devices. They can be shared through a link or embedded in a webpage. StoryMap saves maps to Google Drive.


Gigapixel is a part of StoryMap and allows the user to tell stories about large image files, such as photographs, artwork, or historical maps. To access Gigapixel the user creates a new StoryMap and chooses the Gigapixel option. The image that is exported and uploaded must be saved as tiles.




Name: Leaflet
$: Free
Example: The Ellis Act
Level: Advanced
Use For: Visually representing research


Leaflet is a JavaScript library that allows the user to embed maps into websites. Their website has tutorials which explain the code needed to create different kinds of maps and a page which clearly outlines their API. Leaflet can be used on a variety of desktop browsers and mobile devices. Many plugins have been developed to expand the capabilities of Leaflet.


Maps are interactive with popups and zoom. Layers, such as markers and polygons, can be added. Leaflet is compatible with OpenStreetMap, Mapbox, CartoDB, and ArcGIS maps.



Name: CartoDB
$: Varies
Examples: Syria conflict: a year of deaths mapped (featured image), A Map of Attacks on Health Care in SyriaDeath sentences and executions in 2014Does your country share your data with the USA?
Level: Intermediate
Use For: Visually representing research; Mapping change over time


CartoDB allows the user to create interactive online maps. Free accounts cannot have private maps but have unlimited map views. Subscription plans start at $29 per month or $319 per year and Enterprise plans start at $7,999 per year. Most of CartoDB Editor’s features are designed so they can be used by those without coding knowledge. However, using CartoDB Platform developers can incorporate the maps into their applications. CartoDB maps can be viewed on a variety of browsers and mobile devices.

Data can be added to CartoDB in a variety of forms, including SHP, KML, and CSV. These files can be imported from a computer, Google Drive, Dropbox, Twitter, ArcGIS Online, and Salesforce. The user can also create an empty table and add data to it manually. Once uploaded the data can be edited and georeferenced as necessary.


It is easy to switch between table and map view while editing. To create a map that can be shared the visualize option must be selected, this allows the user to configure the map for desktop or mobile and add elements such as titles and annotations. When mapping the data, multiple layers can be added and SQL can be used to choose what data from each table is mapped.


CartoDB has a variety of basemaps or custom maps from platforms like Mapbox can be used. There are also visualization wizards that allow the user to choose from a variety of preset ways to visually represent their data. The map legend is preset by the wizard but can be adjusted. The Torque option allows the user to create animated maps that show changes in data over time. Information windows can be set to appear when the geographic feature is clicked or hovered over and can be adjusted to include the desired fields from the table.

CartoDB has a fairly intuitive platform, however the online introductions and tutorials are very helpful. CartoDB also provides guides about how to use SQL and CartoCSS in the editor. The geolocation feature can be difficult to use for some types of information, but overall is an incredibly valuable tool.



Name: Mapbox
$: Varies
Examples: Demand Justice Now (featured image), North Korea: Political Prison Camps, Syrian Humanitarian Funding, Registered Syrian Refugees
Level: Intermediate to Advanced
Use For: Generating basemaps; Visually representing research


Mapbox allows the user to create interactive online maps. It is free with limited map views, storage and custom styles. Subscription plans start at $5 per month and go up to $499 per month. More advanced users can build custom mobile and web applications.


The user can create customized maps using Mapbox’s online platform. Mapbox has street, terrain, and satellite basemaps that can be customized with colors and languages. The user can draw markers, lines and polygons or import a variety of files including CSV and KML. The features can be given a title and description.


Maps can be viewed on desktops and mobile devices and can be shared through links or embedded in websites. Each map has a Map ID which can be used to import the map into other platforms such as StoryMap JS. Those who are new to Mapbox can use its guides to learn how to create maps.

Mapbox Studio:

Mapbox Studio is a desktop application that allows the user to create maps. It has some preset map styles or the user can choose their own files. Mapbox recognizes shapefiles and allows multiple layers to be added to any project. Mapbox provides a guide about how to convert an ArcMap visualization into Mapbox. To change the appearance of the layers CartoCSS is used; Mapbox Studio has a guide to CartoCSS in the program under Docs. The user can adjust coloring and font, as well as make these features specific to the level of zoom.


Once the map has been adjusted to the user’s satisfaction the map can be uploaded to Mapbox online, the user can also upload styles and data. The map can be further adjusted once it is on Mapbox online. Mapbox Studio also allows the user to export an image of the map as a png or jpeg. For those who do not know CartoCSS Mapbox online is a better option than Mapbox Studio.