07-14, 09:00–13:00 (Europe/Sarajevo), PA02
Unlock the potential of geospatial data by combining React and deck.gl to create immersive web applications. This workshop will demonstrate how to transform complex datasets into interactive, high-performance visualizations that captivate users. Whether you’re working on urban planning, environmental monitoring, or storytelling, learn how to elevate your projects with cutting-edge mapping technologies.
Geospatial data is everywhere, and creating meaningful, engaging visualizations from it can be challenging. This talk focuses on harnessing the synergy of React, the world’s leading UI library, and deck.gl, a cutting-edge visualization framework, to build rich, immersive geospatial applications for the web.
We’ll start by setting the stage with a brief overview of geospatial visualization challenges and the unique strengths of deck.gl. You’ll learn:
• How deck.gl’s declarative API simplifies rendering large datasets in 3D.
• The role of React in building modular and reusable components for complex mapping applications.
Next, we’ll dive into real-world use cases, showcasing examples like:
• Interactive heatmaps for urban analytics.
• 3D terrain models for environmental studies.
• Path and flow visualizations for logistics or storytelling.
This session will also include:
• Live coding a map that integrates custom data layers.
• Tips for optimizing performance and usability on both desktop and mobile.
• Insights on integrating external APIs like Mapbox or ArcGIS.
By the end, you’ll have a clear roadmap for how to leverage React and deck.gl to craft web apps that go beyond static maps, delivering truly interactive and immersive geospatial experiences.
intermediate
Pre-requirements for attendees –Start-up repository will be provided on GitHub before the workshop. We will work in Visual Studio code.
Coding knowledge required? –Basic knowledge of React and JavaScript is required.
Link to software source code repository –
Marko is a software engineer and data visualization enthusiast specializing in geospatial technologies. Currently a Founding Engineer at Fused, he builds interactive geospatial applications using React and deck.gl. Previously, he was a Senior Software Engineer at Foursquare and a Tech Speaker at Mozilla. As the Director of Armada JS, Serbia’s largest full-stack JavaScript conference, Marko is dedicated to community building and knowledge sharing. He holds a Master’s degree in Computer Science and is pursuing a PhD in data visualization.