a curated guide to the best tools, resources and technologies for data visualization

Interactive Storytelling

TimeMap.js

Timemap.js is a Javascript library that helps you to produce online maps (such as Google, OpenLayers, and Bing) along with a SIMILE timeline. You can load one or more datasets (in JSON, KML, or GeoRSS) onto both a map and a timeline simultaneously. By default, only items in the visible range of the timeline are displayed on the map.

D3-ID3

ID3 is an Integrated Development Environment for Data-Driven-Documents (D3). ID3 provides developers, data scientists, journalists and more, with the ability to harness the power of D3.js, and with ease.

TimelineCurator.org

TimelineCurator.org

TimeLineCurator quickly and automatically extracts temporal references in freeform text to generate a visual timeline. You can then interactively curate the events in this timeline until you are satisfied, or quickly decide that there is no interesting temporal structure within the document. You can also create a mashup of multiple documents against each other to compare their temporal structure.

Timeline Storyteller

Timeline Storyteller

Timeline Storyteller is an expressive browser-based visual storytelling environment for presenting timelines created by Microsoft Research labs.

Awesome Table

Awesome Table

A free Google Sheets add-on that allows you to turn your spreadsheets into a wide variety of searchable, filterable, visual, interactive and geographic web apps.

A-Frame

A-Frame

A web framework for building virtual reality experiences

Aesop Story Engine

Aesop Story Engine

Aesop Story Engine is a collection of thirteen unique components wrapped in a plugin that can be used to present rich, interactive stories or articles in any WordPress theme.

Timeflow

Timeflow

Time Flow is an open-source timeline built to help journalists analyze temporal data. The application offers several view modes-timelime, calendar, list, table-to help explore thousands of data points.

Timeline Js

Timeline Js

TimelineJS is an open-source tool that enables you to build visually-rich interactive timelines and is available in 40 languages. It can pull in media from different sources and has built in support for: Twitter, Flickr, Google Maps, YouTube, Vimeo, Vine, Dailymotion, Wikipedia, SoundCloud and more media types are regularly added.

MapMe

MapMe

Much like StoryMaps.js and OddyseyJS, MapMe allows for you to create linear stories based upon location, combined with rich media and text to craft an engaging interactive narrative

StoryMaps.js

StoryMaps.js

A tool developed by Northwestern University’s Knight Lab, StoryMaps allows users to create geospatially-driven storylines, replete with rich media, HTML/CSS customization and device-agnostic iFrame embed codes.

Page Flow

Page Flow

Page Flow is a tool for multimedia storytelling. In collaboration with the WDR we have developed a tool which journalists have the possibility to concentrate on the preparation of such reports on the content.

Perspective

Perspective

Perspective is a platform for exploring, creating, and sharing audiovisual stories. Today’s storytelling involves a mishmash of apps, websites, blog tools, and technologies. Perspective simplifies all this by combining the essential elements of storytelling into a single iPad App.

Jquery Before/After

Jquery Before/After

The jQuery Before/After plugin is a interactive tool to explore changes through time. The plugin creates a slider to let the visitor drag right and left over images or maps so you can easily compare changes. n Examples/References: Tutorial using map 1, Tutorial using map 2

Dipity

Dipity

Dipity is a free digital timeline website. Users can create, share, embed and collaborate on interactive, visually engaging timelines that integrate video, audio, images, text, links, social media, location and timestamps.

ClosrIT

ClosrIT

ClosR is a simple way to quick publish, display, share and embed designed images or graphics online. It is especially useful for those works that are large in size as ClosR provides a simple zoomable platform to let users explore your images.

Aesop Story Engine

Aesop Story Engine

Write stories instead of code! Aesop Story Engine is a collection of thirteen unique components wrapped in a plugin that can be used to tell rich, interactive stories in any WordPress theme.

TimelineJS

TimelineJS

A tool to create timelines with data and media from different sources like Google Docs, Twitter, Flickr or Vimeo.