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.

JuxtaposeJS

Juxtapose helps storytellers compare two pieces of similar media, including photos, and GIFs. It’s ideal for highlighting then/now stories that explain slow changes over time (growth of a city skyline, regrowth of a forest, etc.) or before/after stories that show the impact of single dramatic events (natural disasters, protests, wars, etc.). [description from the Knight Lab website]

Directions

1. Select two images. The images must be uploaded to the internet (have their own URLs), or saved in Dropbox. 

2. On https://juxtapose.knightlab.com/, enter the URLs to your images, as well as optional labels and image credits, and click Publish. 

3. 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