Skip to Main Content
It looks like you're using Internet Explorer 11 or older. This website works best with modern browsers such as the latest versions of Chrome, Firefox, Safari, and Edge. If you continue with this browser, you may see unexpected results.

Using Knight Lab Tools for Digital Storytelling

This guide provides an overview to the various digital storytelling tools offered by Knight Lab, including TimelineJS, StoryMapJS, and JuxtaposeJS.

StorylineJS

StorylineJS is an open-source tool that enables anyone to build an annotated, interactive line chart depicting data changes over time. [Description from the Knight Lab website]

Directions

1. Create a spreadsheet with the data for your chart using Google Sheets. Create four columns: date, data, caption title, and caption text. 

2. Publish your spreadsheet. In the File menu, select "Publish to the Web," then copy the URL for the spreadsheet from the browser toolbar. 

3. Paste the URL into the "Configure your Storyline" box at http://storyline.knightlab.com/, then click Load. Edit the settings if necessary. 

4. The site will provide you with a share link, and an iframe embed code. Copy the code and paste it on your web page. 

Additional directions, FAQs, and help are available on the Knight Lab website. 

Example