How They Did It — Part I.

Spotting Storytelling Tools in The Wild.

1

Egypt in Turmoil: A Timeline by Al Jazeera America.

http://america.aljazeera.com/articles/timeline-egypt-inturmoil0.html

Tool: Timeline.js

TimelineJS is an open-source tool that enables you to build visually-rich interactive timelines: http://timeline.knightlab.com/

2

Crisis in Crimea: A Story Map by Mashable

http://mashable.com/2014/03/06/map-crimea-ukraine-russia/

Tool: Arcgis Storymaps

Story maps combine interactive maps and multimedia content into elegant user experiences. http://storymaps.arcgis.com/en/

3

How the Islamic State is carving out a new country: A Story Map by The Washington Post

http://apps.washingtonpost.com/g/page/world/map-how-isis-is-carving-out-a-new-country/1095/

Tool: StoryMapsJS

StoryMapJS is a free tool to help you tell stories on the web that highlight the locations of a series of events. http://storymap.knightlab.com/

4

48 Hours of Gun Violence. A Storymap by NY Daily News

http://www.nydailynews.com/new-york/nyc-crime/bloody-weekend-19-injured-bullets-cops-arrest-2-article-1.1846552

Tool: Odyssey.js

Mix written narrative, multimedia, map based interaction into a beautiful map driven story. http://bit.ly/1pwkw7D

5

Women in the business of defending firearms. Sound Article by News 21.

http://gunwars.news21.com/2014/women-emerge-as-a-forceful-voice-in-the-business-of-defending-firearms/

Tool: Soundcite

SoundCite is a simple-to-use tool that lets you add inline audio to your story. http://soundcite.knightlab.com/

6

Events in Syria. An Interactive Picture by The Washington Post

http://www.washingtonpost.com/blogs/blogpost/post/news-interactive-events-in-syria-since-aug-25/2012/09/06/6b129bc8-f851-11e1-8253-3f495ae70650_blog.html#tl-51cc13f1

Tool: Thinglink

A simple tool to make images interactive. https://www.thinglink.com/

7

Career tips from world’s leading bosses. Interactive Mind Map by CNN

http://edition.cnn.com/2014/03/18/business/career-tips-worlds-leading-bosses-mattermap/index.html?hpt=hp_c5

Tool: Mattermap

A free tool to create a mind map of crowdsourced information or quotes from the web. https://www.mattermap.nl/

8

Le Petit Vietnam de France. Before and After Interactive by TV5 Monde.

http://focus.tv5monde.com/petitvietnam/camp-hieraujourdhui/

Tool: Widgetic

A wide range of widgets to make your content interactive. https://widgetic.com

This is a growing list of storytelling tools and platforms as they are actually used by different newsrooms and journalists. Know any other great examples? Leave a comment or send us a mail: journalismtools.mailbox@gmail.com

Don’t forget to check: ‘How They Did It’ — Part II