The purpose of this project is to build a map that tracks not only the earthquakes for the past 7 days, but the magnitude as well. The map also includes pop-up information for each incident.
- Use d3.json() to get tectonic plate data and add the data using the L.geoJSON() layer.
- Style the tectonic plate LineString data to stand out on the map.
- Add the tectonic plate data as an overlay with the earthquake data.
- Add a third map style to allow the user to select from three different maps.
- Data Source: Earthquake Data
- Data Source: Fault Line Data
- Software: Visual Studio Code, 1.38.1, JavaScript, HTML5, CSS & D3.js
- Access GeoJSON data website here
- The map displays all earthquake data over the past 7 days and it also shows where all tectonic plates are located around the world.
- By clicking on one of the circles, that represents and earthquake, you can view the magnitude and the location of where the earthquake occurred.
- You can choose to toggle the map view from 4 different styles: Street View, Satellite View, Light View and Dark View.
- You can also choose to toggle the earthquake and tectonic plate data, they both are defaulted to appear.