Mapping_Earthquakes

Created interactive visualizations for earthquake data using JavaScript, Leaflet, Mapbox, and HTML

Overview

This project consisted on supporting website and mobile application development by using the latest GeoJSON data on earthquakes around the World to come up with an interactive map visualization. The goal was to traverse these GeoJSON data files using JavaScript, D3, and Leaflet to then plot the data on a mapbox map to an API request.

Resources

• Datasets

  • Earthquakes GeoJSON file
  • Tectonic Plates GeoJSON file
  • Major Earthquakes GeoJSON file

• Software

  • JavaScript
  • D3, Leaflet and Mapbox
  • GeoJSON files
  • HTML
  • Visual Studio Code

Results

As it can be seen, the final result was an interactive map displaying all the different earthquakes around the world. The circle-marker's size and color was correlated to the earthquake's magnitude.

Additionally, the map included a control leyend where the user could choose from 3 different map styles (dark, satellite, and streets) and toggle (on and off) between all earthquakes, major earthquakes, and the tectonic plates.

• Satellite view with tectonic plates and only major earthquakes being displayed (4.5 magnitude and above):

• Dark view with all earthquakes being displayed:

• Contact info:

Juan Nicolas Serrano

jns132@miami.edu