Telling Mapped Stories Amongst Odyssey.Js

Over the final yoke of years a publish of narrative mapping libraries convey emerged, which allow you lot to easily nation mapped stories. These libraries arrive slowly to practise a map amongst a structured narrative which users tin sack navigate through past times scrolling downwards the page or past times using forrad together with dorsum arrows. As you lot progress through the floor text the maps automatically pan together with zoom to highlight the locations mentioned the narrative

Esri's Story Maps is 1 of the virtually pop narrative mapping platforms together with has been widely used past times a publish of paper websites to practise interactive mapped reports on of import tidings stories. Odyssey.js from CartoDB is about other floor map library which is directly every bit good gaining about traction on about of the world's leading websites.


This calendar week CartoDB has been showcasing about of the best examples of narrative maps built amongst Odyssey.js. Odyssey.js: Examples inwards the Wild reports on v interesting floor maps created amongst the platform.

The New York Daily News' 48 Hours of Gun Violence uses Odyssey.js to map sixteen shooting incidents reported over a 48-hour catamenia inwards New York. The map uses a Leaflet map amongst an overlay chemical cistron containing the written study on each incident.

Forward together with dorsum arrows allow the user to navigate through the mapped shooting incidents. As you lot progress through the study the map automatically updates to highlight the place of each incident.


The 2nd instance The Voyage of the Beagle maps the 2nd voyage of the famous survey send The Beagle together with the observations made past times a immature geologist called Charles Darwin.

This instance uses ii course of study elements, 1 asset a Leaflet map together with the other asset the scroll-able text narrative of the Beagle's journey. As you lot scroll downwards through the text chemical cistron the map automatically pans together with zooms to highlight the relevant locations mentioned inwards the narrative.


Influenza A virus subtype H5N1 3rd map Gull Eric During Breeding Season uses however about other technique to progress through the mapped narrative. This fourth dimension the map uses a playback business office to automatically animate through the story.

Users tin sack time out the animated playback at whatever fourth dimension to halt the map together with narrative at a detail moment. It every bit good possible to navigate to specific points inwards the narrative using a time-line control.