Telling Mapped Stories Amongst Odyssey.Js

Over the terminal duad of years a set out of narrative mapping libraries bring emerged, which allow you lot to easily nation mapped stories. These libraries kicking the bucket inward slowly to practise a map alongside a structured narrative which users tin navigate through past times scrolling downward the page or past times using forrad together with dorsum arrows. As you lot progress through the storey text the maps automatically pan together with zoom to highlight the locations mentioned the narrative

Esri's Story Maps is i of the close pop narrative mapping platforms together with has been widely used past times a set out of paper websites to practise interactive mapped reports on of import intelligence stories. Odyssey.js from CartoDB is about other storey map library which is directly likewise 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 alongside Odyssey.js. Odyssey.js: Examples inward the Wild reports on 5 interesting storey maps created alongside 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 menses inward New York. The map uses a Leaflet map alongside an overlay chemical component 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 2 kind out elements, i asset a Leaflet map together with the other asset the scroll-able text narrative of the Beagle's journey. As you lot scroll downward through the text chemical component the map automatically pans together with zooms to highlight the relevant locations mentioned inward the narrative.


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

Users tin intermission the animated playback at whatever fourth dimension to halt the map together with narrative at a item moment. It likewise possible to navigate to specific points inward the narrative using a time-line control.