Example of Creating an Animated Wildfire Progression Map Video

This is some sample code that uses Mapbox GL JS to export an animated wildfire progression map as an mp4 video file. It is heavily based off the video export example by Volodymyr Agafonkin. The wildfire data is from NASA FIRMS.

Example video of the Dixie and Beckwourth Complex fires from 2021

fire-progression-export2.mp4

How to use

  1. First, you need a local web server. I like Web Server for Chrome because it's dead simple and gets the job done.
  2. Edit index.html and replace YOUR_TOKEN_HERE with your own Mapbox API token. You can sign up and get one from Mapbox.
  3. Open the index.html file in your local web server.
  4. Wait for the video to render frame by frame. It takes a while. Once it's done it will automatically download a file called fire-progression.mp4.