JavaScript data visualization challenge using Leaflet library.
This map is visualizng worldwide data on earthquakes that took place in the past last 7 days. For mapping the earthquakes on the map of the world I have used Mapbox API. And for earthquake data I have used GeoJSON from USGS (United States Geological Survey).
The data markers reflect the magnitude of the earthquake by their size and and depth of the earth quake by color. Earthquakes with higher magnitudes appear larger and earthquakes with greater depth appear darker in color. Tooltips are activated on mouseover showing data on a specific location and magnitude of the earthqake as well as its depth.
Please see the link to my code here.
- Mapbox API
- Leaflet.js library
- JavaScript
- D3.js library
- HTML/CSS for writing and styling the webpage
Please see the screenshots below.
- Earthquakes on the map of North America:
- Earthquakes on the map of the world:
- Earthquakes visualization with tooltips: