November 9th was the 25th anniversary of the Berlin Wall coming down, and to commemorate the anniversary of this monumental event, we have created a [beautiful interactive map story] using our easy to use story telling tool Odyssey.js and CartoDB!
Take a minute and look the map above. Then read below to hear some of the tricks we used to make it.
Odyssey.js is a tool we created for journalists and story tellers to easily build interactive map stories without the need for hard coding skills. If you haven’t heard of Odyssey.js before, take a moment to read about how this tool can be used.
One of the key elements in our Berlin Wall story above is the use of multiple layers and thematic styles. We did this by first designing our map in CartoDB. Learn how to quickly bring in your CartoDB maps and custom base maps to tell your story using the Odyssey sandbox.
It is easy to change the content of your story map by using conditional zoom visualizations in the CartoDB CSS interface. Here is a snippet from the Berlin Map we shared above:
This code changes the visualization at zoom level 17, 15, and 10 to represent the parameters identified below the [zoom = ] section.
When you bring your CartoDB map into Odyssey.js, those conditions remain on your map and make it easy to change the appearance of your map by simply moving the zoom and assigning a story panel. You can play around with all sorts of conditional [CartoCSS parameters] and be sure to share your awesome creations with us on Twitter @cartoDB or add it to your favorite pinterest map board with the @CartoDB tag.
One last thing to leave you with, check out this map of Geotagged tweets mentioning the fall of the Berlin Wall Celebration and key hashtags by Mauerfall published by Twitter:
Brick and mortar retail has had winners and losers since the COVID pandemic began. Some brands have pivoted effectively, whilst others have struggled to navigate lockdowns,...Use Cases
Recently WXY, an architecture, urban design, and planning firm, was tasked with analyzing 200+ school boundaries within Montgomery County Public Schools (MCPS). As a part o...Use Cases
Indigo Ag works every day to help farmers harness nature to sustainably feed the planet. Through their Grain and Transport Marketplaces and Carbon program, Indigo facilitat...Use Cases
Please fill out the below form and we'll be in touch real soon.