JS_Mapping_Earthquake

Purpose:

The purpose of this project is to visually show the differences between the magnitudes of earthquakes all over the world for the last seven days.

Tasks:

• Use the Leaflet.js Application Programming Interface (API) to populate a geographical map with GeoJSON earthquake data from USGS (United States Geological Survey).
• Retrieve geographical coordinated and the magnitude of the earthquakes for the last seven days
• Add data to map
• Each earthquake will be visually represented by a circle and color, where a higher magnitude will have a larger diameter and will be darker in color.
• Each earthquake will have a popup marker that, when clicked, will show the magnitude of the earthquake and the location of the earthquake.

Approach:

• Use the JavaScript and the D3.js library to retrieve the coordinates and magnitudes of the earthquakes from the GeoJSON data.
• use the Leaflet library to plot the data on a Mapbox map through an API request
• Create interactivity for the earthquake data by layering

Branching:

In addition to Mapping earthquakes, few practice maps were done by creating branches off the main branch

Methods and Result:

• Realtime 7 day earthquake JSON data was obtained from the USGS URL using d3.json ()

• Magnitide of the earthquake in each location is represented using circle marker

• The radius of the circle corresponds to the magnitide of the earthquake

• The color of the circle marker also corresponds to the range of earthquake magnitude

• The map had 3 tile layer for visulaization - Streets, Satellite and Dark

• In addition to the tile layer, the map has also 3 layers for visualizing the data: The general earthquake locations

Tectonic plate's location

Earthquake data with magnitude greater than 4.5 on the map