Want to create interactive content? It’s easy in Genially!

Get started free

Guide to StoryMap JS

flop wop

Created on May 17, 2023

Start designing with a free template

Discover more than 1500 professional designs like these:

Genial Calendar 2026

School Calendar 2026

January Higher Education Academic Calendar

School Year Calendar January

Academic Calendar January

Choice Board Flipcards

Comic Flipcards

Explore all templates

Transcript

What is the intent of this guide?

Part Three Your Turn!

A beginner's Guide to Storymap JS

Part Two What is a Story Map?

Part One By: Whitney Orr

Who is this for?

Part Two: What is a story map?

A Story Map is:

  • A digital tool that allows the creator to tell a narrative that allows place to be a visual component in the presentation.
  • The overall visual piece that the Story Map is presented on can be a typical map, a timeine, or even a painting. Anything visual that tells a story or is a part of a narrative could be in a Story Map.
What makes them special?
  • Story Maps create a web page without coding skills needed. Although HTML and CSS could be used to further customize your Story Map.
  • Integrates photos, video, maps, text, and more into an interactive presentation.

Click the titles below to view completed StoryMaps: Two collaborative projects by history classes and one by Dr. Lach of SDSU that use a timeline, a current map, and a map from 1901.

A Life Told in Places

Life of Augustus using Timeline
Map of Ancient Rome

Part Three: your turn!

Follow the link to learn how to create your own StoryMap!

Let's Go!