Play prototype
Created by multiple contributors
Geographical scrollytelling
How can MapboxGL and DeckGL be used together to create a guided 3D population visualization? We visualized the world’s 20 most populous cities blending storytelling with interactive exploration.

Background

The goal of this experiment was to understand how to combine MapboxGL with DeckGL 3D visualizations. We decided to use some world population data to highlight various cities all over the world. By scrolling the camera will zoom in on the top 20 cities and visualize its population. Please be aware the data is not always correct in terms of geo-location.

What did we learn?

The main challenge was to combine the map based visuals with a more guided approach. By scrolling up or down the map had to zoom and transition to a specific location rather than zooming on the map which you would expect from an interactive map. We decided to add this traditional map functionality in the final step to give the user the freedom to explore the different locations.

Ambitions

MapboxGL and DeckGL is an interesting combination and surely has potential to be used in future projects to create 3D map based data visualizations.

Read, see, play next
read6 min

How we test client web projects with minimum effort for high value

Testing web applications can be difficult and tedious. We’ll show you how to reduce the burden of testing and make it a more pleasurable experience.

read7 min

ESG needs data design [Part 1]

At CLEVER°FRANKE, we’re curious about how ESG Scores are presented and communicated.

read5 min

Combining Lifelines data with creativity to create compelling insights

How design opened the door for scientific data at the Stedelijk Museum Amsterdam

Smart city sensor visualization
see

Smart city sensor visualization

Real-time visualization of the Smart City sensors