Tuesday, April 24, 2018

Telling Stories with Data

I recently shared a timeline creation tool called Timeline JS, the brainchild of a community of developers at Northwestern University's Knight Lab whose mission is to create tools for reporting, data management, research, and storytelling. With Timeline JS, users can simply enter data into a spreadsheet template, which, when published to the Web, will transform into an interactive timeline with images and annotations. The Knight Lab team has developed several other tools that classroom teachers might find useful:

Juxtapose JS: "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.)." Users can simply copy and paste the URLs of two images they'd like to compare and add labels to create side-by-side visual comparisons.

Soundcite JS: "Audio is a powerful device that can add emotion or context to a story. Unfortunately, audio clips force uncomfortable choices: read or listen, but not both. Until now. SoundCite is a simple-to-use tool that lets you add inline audio to your story. The audio is not isolated; it plays right under the text you choose." To get started, users must publish audio recordings to the web with tools like SoundCloud and share the link to their work on the Soundcite website. From there, users can select start/stop times for their audio recordings to add inline audio to a story.

Storymap JS: "StoryMapJS is a free tool to help you tell stories on the web that highlight the locations of a series of events." Users can place markers on a map and add text or media on a series of slides to tell their stories.

Storyline JS: "Storyline is a tool that enables anyone to build an annotated, interactive line chart. To make Storyline as flexible as possible, we've just included the chart, axis labels, and cards." The process is as simple as putting your data in a Google Sheet, adding your story, and publishing to the Web.

Check out my Juxtapose JS project with a side-by-side comparison of West Genesee High School, 1957 and 2018. Use the "slider" to view the full images.