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