Leaflet practice-oriented data visualization with JS

Simple and quickly implementable examples with Leaflet based on Javascript

After a brief general unit on leaflet, we start programming. We use real data from Austria based on OpenData and look at the most important file formats.

What you’ll learn

  • Leaflet plugins like Heatmap and Cluster.
  • GPX, SHP and Geojson data implementation.
  • Simple practical examples with Leaflet and OpenData-Austria visualization.
  • Data Visualization.

Course Content

  • Introduction –> 3 lectures • 6min.
  • Preperation –> 6 lectures • 14min.
  • First Example –> 7 lectures • 23min.
  • First Project with GPX files –> 8 lectures • 22min.
  • Project ozone levels with JSONP –> 9 lectures • 33min.
  • Data visualization of the ozone values ​​with heatmap plugin –> 5 lectures • 16min.
  • SHP & GeoJSON data visualization using the example of Tyrolean alpine huts –> 7 lectures • 26min.
  • Data visualization SHP polygons using the example of nature reserves –> 4 lectures • 16min.
  • Conclusion and summary –> 1 lecture • 3min.

Leaflet practice-oriented data visualization with JS

Requirements

  • Basic knowledge in JavaScript, Xampp (=free local server) or web server.

After a brief general unit on leaflet, we start programming. We use real data from Austria based on OpenData and look at the most important file formats.

Suitable for beginners and even professionals can take a lot from the course.

In this course you will learn about the following data and file formats and visualize them yourself:

Mountain bike routes in GPX format

  • Ozone valuesin Austria – in JSONp format
  • Mountain huts in SHP format
  • Nature reserves in SHP format

We will use some Lefalet plugins in training – for example:

  • We cluster a few thousand data points
  • Ozone values are underlaid with a heat map

Course structure:

  • The videos are kept short (2-5 minutes)
  • After each video there is a save of all project data for download
  • It can be started with my proofed project files after each lesson
  • Guaranteed frustration-free learning without the hassle of troubleshooting and debugging

I use only open source software for this course :

  • XAMPP Apache Server
  • Notepad++ for coding
  • OpenData for the data sources

 

After this course you are able to implement your own Geo-Data into an Open-Street-Map with Leaflet. You can visualize your GPX-Tracks and also cluster them for an better overview. The oportunities are endless.

I look forward to your results and seeing you in the online course.

Markus Edenhauser