Storytelling Tools

What is it?

Knight Lab provides free, easy-to-use tools for creating annotated timelines and maps

Why use it?

TimelineJS is an open-source tool that enables anyone to build visually rich, interactive timelines. 

StoryMapJS is a free tool to help you tell stories on the web that highlight the locations of a series of events.

Use case examples

Andrew Wilson, Director of Research Computing & Digital Scholarship, creatively used Timeline JS to inform others of historical game consoles and their progression through time. Using Timeline JS allowed him to easily input information onto a google sheet template in order to create an eye-catching timeline used in the media.

See Andrew Wilson work step-by-step using TimeLine JS:

Andrew Wilson, Director of Research Computing & Digital Scholarship, used StoryMap JS to bring the voyage of the WWII ship his Grandad worked on to life. This allowed him to show his audience precisely where the repurposed ship traveled in a presentation format. He was able to incorporate other media to tie the presentation together.

See Andrew Wilson explore his use of StoryMapJS:

To see another example of StoryMapJS, check out our About Us page.

How do I get started?

Go to to get started with TimeLineJS.

Go to to get started with StoryMapJS.

How do I get help?

ITS Staff is available to answer your questions and meet you for a consultation and/or group training, if needed. We can help brainstorm ideas for using TimelineJS and StoryMapJS in your teaching based on your specific needs and discipline. Simply reach out to

Support Resources

You can also browse through our support resources to help answer your question(s).

Help from ITS-Pomona

The following includes documentation created by Pomona ITS

Editing your TimeLine spreadsheet

How to publish your Timeline

How to make a Story Map

Save and publish a Story Map

For more information, please see the full library of TimeLineJS and StoryMapJS tutorials.

Help from Knight Lab



Past Events