{"version":"1.0","type":"rich","title":"Odyssey.js Scroll","description":"An Odyssey.js scroll-driven narrative presents a map story about the voyage of the HMS Beagle, with content sourced from Wikipedia. The page shows a Leaflet map with a CartoDB base-light tile layer that centers and zooms as the user scrolls through text slides. Odyssey.js manages scroll triggers and state transitions, while jQuery updates the page header and footer title/author metadata. A mini progress bar tracks reading progress, and the map container attaches to the viewport once scrolled past a threshold.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-5278747cb93e11c9468c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}