A simple interactive map that shows real-time earthquake data from around the world. It uses Leaflet.js for the map and pulls data directly from the USGS Earthquake API.
This project visualizes recent earthquakes with:
- Animated pulsing rings to show quake locations
- Color-coded circles based on magnitude
- Popups with location and magnitude
- Live data that updates automatically from USGS
It's built with basic HTML, CSS, and JavaScript — no frameworks or build tools required.
- Leaflet.js
- USGS GeoJSON Feed
- HTML / CSS / JavaScript
You can either view the live demo above or run it locally:
- Earthquakes with higher magnitude show in red, others in orange or green
- Pulse effect adds a visual emphasis for active quakes