Skip to content

Details

Talk Title: Interactive Maps in 30 Lines of Code

Speaker: Marko Letic | Tech Speaker at Mozilla, Lead Front-End Engineer AVA

Interactive maps are a great way to represent your data, and today more than ever, it’s important to properly and effectively visualize geographic information to your users. Although projects like Google maps or MapBox provide great out-of-the-box solutions, sometimes you might want to avoid the hassle that comes from using these tools, especially if you are concerned about pricing due to high volume of traffic on your websites.

In this talk, I will explain how you can create your own SVG maps that are lightweight, easy to use, and very customizable. Using live examples, you will see step-by-step how to create a simple world map, and how you can style different parts of the map based on certain criteria using just CSS. All of that in just 30 lines of code!
Note: Basic knowledge of JS, HTML, and CSS is good to have for better understanding.

About
Marko Letic is a front-end engineer, lecturer and data visualization scientist. He is currently leading the front-end team at AVA, a Berlin-based company, where he is working on a platform that combines big data, pattern recognition and artificial intelligence to take the safety of individuals, organizations, cities, and countries to a whole new level. His main role is to create a contextual analysis of the processed data through a web-based client application. Marko is also working as a Tech Speaker at Mozilla promoting the values of the open web and he is one of the organizers of Armada JS, the first JavaScript conference in Serbia. He holds an MSc degree in Computer Science and is pursuing his PhD in data visualization. He sometimes writes fiction novels that probably will never get published as he spends too much time coding.

You may also like