Skip to Main Content

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