How to Visualize Global Wildfire Data on Front-End Using Chakra UI

How to Visualize Global Wildfire Data on Front-End Using Chakra UI

Prodramp via YouTube Direct link

- Wildfire confidence value as range slider

19 of 24

19 of 24

- Wildfire confidence value as range slider

Class Central Classrooms beta

YouTube playlists curated by Class Central.

Classroom Contents

How to Visualize Global Wildfire Data on Front-End Using Chakra UI

Automatically move to the next video in the Classroom when playback concludes

  1. 1 - Tutorial Starts
  2. 2 - Tutorial Intro
  3. 3 - Final product sneak-peak
  4. 4 - Global Active Wildfire Data Website
  5. 5 - Last 7 days wildfire data in JSON
  6. 6 - Chakra UI Template with react-map-gl/deck-gl
  7. 7 - Base Source Code Setup
  8. 8 - Base Project Code Review
  9. 9 - Base Code Geo map layout design
  10. 10 - Creating wildfire map route
  11. 11 - Side-by-side code and design
  12. 12 - Wildfire JSON data integration
  13. 13 - Scatter-map viz
  14. 14 - Heat-map viz
  15. 15 - MODIS and VIIRS data merge
  16. 16 - Sidebar for data filtering
  17. 17 - Filter data by date
  18. 18 - MODIS/VIIRS based filtering
  19. 19 - Wildfire confidence value as range slider
  20. 20 - Various map layout switch
  21. 21 - Hexagon viz
  22. 22 - Final code review and demo
  23. 23 - Final code push to GitHub
  24. 24 - Project completion Recap

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.