The goal of this project was to create a data visualization that shows the difference in magnitudes of earthquakes all over the world during the previous seven days. Using the Javascript and D3 library, we were able to use a URL for geoJSON earthquake data to retrieve geographical coordinates and magnitudes, then added them to an interactive map using the Leaflet library via an API request.
For the base layer of map, the user has 3 styles to choose from:
- Streets
- Satellite Streets
- Navigation (night)
Once the user has selected their base layer for the map, they can then select which data they wish to view. Their options are:
- All earthquakes in the last 7 days
- Denoted by circle markers.
- Color of marker is indicative of magnitude of that earthquake.
- Legend provided in bottom left corner of map allows the user to associate the color of the marker with the severity of the earthquake.
- All earthquakes in the last seven days with a magnitude of 5.0 or higher.
- The outlines of tactonic plates across the globe.
The user can choose to view all options, no options, or any combination of the options.