Announcing StoryMapJS developer release — a new tool for storytellers

TimelineJS is the Knight Lab's most popular project, and is one of the most widely used interactive storytelling tools on the web. Today we're excited to announce an early-access release of its sibling, StoryMapJS.

Example StoryMapLike TimelineJS, StoryMapJS is primarily developed by Medill professor Zach Wise, based on his experience developing interactive news projects at The New York Times and the Las Vegas Sun.

While TimelineJS makes it easy for you to tell stories based on time, StoryMapJS will make it easy for you to tell stories in which place is one of the most important elements. Imagine telling the story of a police chase, the President's travel itinerary, or the path migrants travel to the United States.

Like TimelineJS, StoryMapJS allows you to create a series of slides, each telling a piece of your story, with rich embedded media from Flickr, YouTube, Vimeo, Twitter, Wikipedia, and more. However, instead of showing events on a ribbon below the slides, StoryMapJS shows a map above the current slide with a marker indicating the location of interest.

This release of StoryMapJS is targeted at developers. There are still some rough edges to the code, and some features still under development. The main reason we are describing this as a "developer release" is that map data is a little harder to manage than timeline data. We believe most users would find it awkward to look up the latitude and longitude for the map points they want to show, which means we need something a bit more advanced than Timeline's Google-spreadsheet+web-form authoring tool.

We hope to have a tool that makes it easy for anyone to make a StoryMap by the end of the year. In the meantime, if you're game to be a pioneer, please visit the StoryMapJS website, and particularly the technical docs about integrating it into your own website. If you have questions or find bugs, we want to know. You can post a question to the StoryMapJS forum, file a bug on github, or submit a private request using our Zendesk support site.

Let us know what you make with StoryMap — we would love to have some great examples to show other folks when we go into wider release later this year.

About the author

Joe Germuska

Chief Nerd

Joey runs Knight Lab’s technology, professional staff and student fellows. Before joining us, Joe was on the Chicago Tribune News Apps team. He's the project lead for CensusReporter.org and a board member of City Bureau.

Latest Posts

  • A Big Change That Will Probably Affect Your Storymaps

    A big change is coming to StoryMapJS, and it will affect many, if not most existing storymaps. When making a storymap, one way to set a style and tone for your project is to set the "map type," also known as the "basemap." When we launched StoryMapJS, it included options for a few basemaps created by Stamen Design. These included the "watercolor" style, as well as the default style for new storymaps, "Toner Lite." Stamen...

    Continue Reading

  • Introducing AmyJo Brown, Knight Lab Professional Fellow

    AmyJo Brown, a veteran journalist passionate about supporting and reshaping local political journalism and who it engages, has joined the Knight Lab as a 2022-2023 professional fellow. Her focus is on building The Public Ledger, a data tool structured from local campaign finance data that is designed to track connections and make local political relationships – and their influence – more visible. “Campaign finance data has more stories to tell – if we follow the...

    Continue Reading

  • Interactive Entertainment: How UX Design Shapes Streaming Platforms

    As streaming develops into the latest age of entertainment, how are interfaces and layouts being designed to prioritize user experience and accessibility? The Covid-19 pandemic accelerated streaming services becoming the dominant form of entertainment. There are a handful of new platforms, each with thousands of hours of content, but not much change or differentiation in the user journeys. For the most part, everywhere from Netflix to illegal streaming platforms use similar video streaming UX standards, and...

    Continue Reading

  • Innovation with collaborationExperimenting with AI and investigative journalism in the Americas.

    Lee este artículo en español. How might we use AI technologies to innovate newsgathering and investigative reporting techniques? This was the question we posed to a group of seven newsrooms in Latin America and the US as part of the Americas Cohort during the 2021 JournalismAI Collab Challenges. The Collab is an initiative that brings together media organizations to experiment with AI technologies and journalism. This year,  JournalismAI, a project of Polis, the journalism think-tank at...

    Continue Reading

  • Innovación con colaboraciónCuando el periodismo de investigación experimenta con inteligencia artificial.

    Read this article in English. ¿Cómo podemos usar la inteligencia artificial para innovar las técnicas de reporteo y de periodismo de investigación? Esta es la pregunta que convocó a un grupo de siete organizaciones periodísticas en América Latina y Estados Unidos, el grupo de las Américas del 2021 JournalismAI Collab Challenges. Esta iniciativa de colaboración reúne a medios para experimentar con inteligencia artificial y periodismo. Este año, JournalismAI, un proyecto de Polis, la think-tank de periodismo...

    Continue Reading

  • AI, Automation, and Newsrooms: Finding Fitting Tools for Your Organization

    If you’d like to use technology to make your newsroom more efficient, you’ve come to the right place. Tools exist that can help you find news, manage your work in progress, and distribute your content more effectively than ever before, and we’re here to help you find the ones that are right for you. As part of the Knight Foundation’s AI for Local News program, we worked with the Associated Press to interview dozens of......

    Continue Reading

Storytelling Tools

We build easy-to-use tools that can help you tell better stories.

View More