Strengthen your Digital Storytelling with TimelineJS, SoundCiteJS and StoryMap: A Digital Tools Tutorial

This Webinar was originally broadcast on:
May 27, 2014 Enroll Now
Watch and listen to the original one-hour Webinar in its entirety. This Webinar recording features the full presentation led by Poynter faculty and visiting faculty including Q&A from the audience and resources from the presenter.

Course Overview

Strengthen your Digital Storytelling with TimelineJS, SoundCiteJS and StoryMap: A Digital Tools Tutorial
This $29.95 Webinar is free thanks to the support of the American Press Institute and Knight Foundation.
Originally Broadcast On:
May 27, 2014
Time Estimate:
One hour for the main presentation and 15 minutes for questions. Sometimes presenters stay longer to answer additional questions from participants.

About Webinars

In this virtual classroom, participants can join in a seminar led by Poynter faculty and visiting faculty. This screencast includes live audio and a slideshow presentation in which participants can post questions and respond to poll questions posed by the host.

Alternative story forms are easy to produce and publish with these three tools from Northwestern University Knight Lab. TimelineJS, SoundCiteJS and StoryMap are free, easy to use and compatible with nearly any CMS. This webinar teaches online journalists tools to craft beautiful and creatively presented interactive stories.

Timeline JS lets journalists build beautiful interactive timelines with minimal coding knowledge required. Go beyond text and dates by taking advantage of Timeline's built-in support for Twitter, Flickr, Google Maps, YouTube, Vimeo, Vine, Dailymotion, Wikipedia, Soundcloud and more.

SoundCiteJS makes including audio in stories more seamless by putting it right under the text. Viewers can then listen from the same window while they continue to read.

When stories take place over multiple locations, StoryMap makes those locations easy to track. Click across the journey to view embedded text, videos and social media.

This training event is part of a series on digital tools in partnership with the American Press Institute and The Poynter Institute, funded by the John S. and James L. Knight Foundation.

See more tools in the Digital Tools Catalog

What Will I Learn:
  • How to identify stories that are well suited to Knight Lab tools
  • How to build interactive stories that are responsive and look great on any size screen
  • Ways in which others have customized these tools to tell compelling stories
  • Resources to help you customize the tools and to troubleshoot problems
Who Should Take this Course:

Any storyteller or editor who creates and produces stories and content for the web, at any viewport size.

Course Instructor:

Ryan Graff

Ryan Graff is the editor handler of marketing and outreach at the Northwestern University Knight Lab. He was formerly a Colorado-based reporter and magazine writer.


Knight Foundation

The John S. and James L. Knight Foundation advances journalism in the digital age and invests in the vitality of communities where the Knight brothers owned newspapers. Knight Foundation focuses on projects that promote community engagement and lead to transformational change.

Training Partner:

American Press Institute

The American Press Institute advances an innovative and sustainable news industry by helping publishers understand and engage audiences, grow revenue, improve public-service journalism, and succeed at organizational change.

Technical Requirements:

This Webinar contains audio. Please adjust your headphones or speakers.
We strongly suggest viewing our Webinars with a wired connection.

  • Flash Player - Adobe® Flash® Player 10.1 or higher
  • Browsers - Mozilla Firefox 2 or higher; Safari 2 or higher; Google Chrome (any version)
    Windows users can also use Microsoft Internet Explorer 6 or higher
  • Bandwidth - 256Kbps (512Kbps recommended)

Some networks, especially those that use a proxy server, may encounter difficulty connecting to our Webinar software. If this is your first Poynter NewsU Webinar, please test your connection.

Questions? Read our Webinar FAQ or contact us at

You can watch our Live Webinars on your iPad with a free Adobe Connect app. To watch Webinar replays, your iPad must be able to view Flash media players. The Live Webinar experience on your iPad is very similar to watching it from your computer. You can watch the video, follow the presentation, respond to polling questions, ask the presenter questions and participate in any discussion forums.

Download the free Adobe Connect app from iTunes here. To access the live event, click on the "Join Live Event Now" button on the Webinar landing page. The virtual room will automatically load. 

To watch the replay from your iPad, you'll have use a different app from Live Webinars. Browse and download an app from iTunes that allows your device to view a Flash video player. There are multiple apps to choose from, some are free with ads and there are others for purchase.