Visualization of Earthquake data from US Geological survey using Javascript Leaflet.js library, Javascript, and HTML

Mapping Earthquakes

Project Overview

GeoJSON earthquake data was pulled from the USGS website to retrieve the geographical coordinates and magnitudes of earthquakes for the last seven day and create interactive maps of earthquakes around the world. The earthquake data is represented on the maps in relation to the tectonic plates’ location on the earth, and according to each event's magnitude.

Note: Needs an API key for accessing maps. Visit mapbox.com, create a Mapbox account and retrieve the access token.

Resources

• Data Source: Earthquakes GeoJSON, Earthquakes above 4.5mag GeoJSON, Tectonic Plate GeoJSON
• Software: HTML/CSS, JavaScript, Visual Studio Code 1.49.1, Leaflet 1.7.1, D3.js 6.2.0

Results

Code for final deloyment in earthquake_challenge folder.

• The map displays all earthquake data over the past 7 days and the tectonic plates are located around the world.
• Each earthquake and each lineString of tectonic plates boundary will have a popup marker that, when clicked, will show the information.
• You can choose to toggle the map view from 3 different styles: Street View, Satellite Street View, and Night Navigation modes.
• On the upper right side of map, a layer control allows users to control which overlays (Earthquakes, Tectonic Plates, Major Earthquakes)they see on map.

Streets View

Satellite Street View

Night Navigation View