JuxtaposeJS creates frame comparisons

September 11, 2015February 3, 2021 Brian Heyman 3756 Views 0 Comments

The St. Louis Post-Dispatch used JuxtaposeJS to create an interactive series. It allows the viewer to use the slider to see how the scene has changed over time.

The St. Louis Post-Dispatch just came out with an interactive series comparing the photos of scenes from Ferguson in 2014 and the same area now. Check it out here.

Now you can do the same thing using a simple online program produced by the Northwestern University Knight Lab.

JuxtaposeJS 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.).

It is free, easy to use, and works on all devices. All you need to get started are links to the images you’d like to compare.

This could be used to show different things in your schools (empty/full stadium bleachers) or the before/after of a student if you visit here in make-up for a school theatre production or a way to show progress if your school is doing construction. The possibilities are endless.