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:
Last year six leading European cities came together to form AI4Cities, an EU-funded Pre-Commercial Procurement (PCP) project. The three-year EU-funded project was establish...Use Cases
This summer has witnessed several extreme weather events, including heatwaves, flash floods, and wildfires. With average temperatures having risen by 1.2C since the industr...Use Cases
Vue.js is one of the fastest growing frameworks for building web applications. It is really versatile and is a reactive framework that provides core libraries and a wealth ...Use Cases
Please fill out the below form and we'll be in touch real soon.