Skip to Main Content

Digital Storytelling Tools: StoryMapJS

About StoryMapJS

StoryMapJS is the creation of Knight Labs at Northwestern University. It is freely available. (Note: This is not related to ArcGIS StoryMaps).

Step by Step

Sign In

https://storymap.knightlab.com/

All you need is a gmail account.

Plan your story slide by slide

First slide is the landing page - give it a good title
All other slides may include:
- Headline/Title
- Image/Media
  - use images/media files that live on the web or upload your own
    - Sources of Royalty Free Images
- Text
- Links to relevant sites
  - Simple HTML lessions

Customize

base map from the defaults - try them all!
- or change the base map (many thanks to UC Santa Cruz library)
background color
- find hex codes
icon on map/marker
map size, language, font

Save

Early and often!

Publish Changes

if you’ve embedded your map code on a web site or shared on social media you’ll need to re-publish any changes you make

Share

StoryMaps can be shared on social media or hosted on a web site using the embed code provided