Project Title : USGS Interactive Seismic Map

Table of contents

• Project Title
• Description
• Objective
• Screen Shots
• Technologies
• Code
• Status
• Acknowledgement
• Contact

Description

This project aims at building a interactive Seismic Map for United States Geological Survey.Their hope is that being able to visualize earthquake data to better educate the public and other government organizations on issues facing our planet.

Data Set

• The USGS provides earthquake data in a number of different formats, updated every 5 minutes.
• Dataset is based on All Earthquakes for past 7days in JSON format.

_ Techtonic Plates : Data on tectonic plates can be found at https://github.com/fraxen/tectonicplates.

Objective

Step 1 - Get API endpoint (dataset) for the past week of earthquake data.

Step 2 - Import & Visualize the Data - Create base maps

• Create base maps using Leaflet tiles for the lat and lngs provided in the API.
• Create a marker layer for the earthquake data:
  • Markers should reflect the magnitude of the earthquake by their size.
  • Depth of the earth quake by color.
  • Earthquakes with higher magnitudes should appear larger.
  • Earthquakes with greater depth should appear darker in color.
• Create a toggle control.

Step 3 - Add Tectonic Plates.

• Plot a second data set on your map to illustrate the relationship between tectonic plates and seismic activity.
• Add the layer to the toggle control.�

Step 4 - Toggle control

• Add a number of base maps to choose from as well as separate out our two different data sets into overlays that can be turned on and off independently.
• Add layer controls to our map.

Step 5 - Render ToolTip and Create a Legend

• Include popups that provide additional information about the earthquake when a marker is clicked.
• Create a legend that will provide context for your map data.
• legend must include depth and their corresponding color.

Screen Shots

Step 1 - Street map with markers for earthquake

Step 2 - Satellite map with markers and Tectonic plate.

Step 3 - Topomap with Tectonic plate.

Technologies and Tools

• Visual Studio Code Editor
• GitBash, GitHub , Git Pages
• chrome DOM
• HTML , CSS, Bootstrap *Mapbox API for basemaps
• JavaScript

Java Script Libraries and plugins :

• D3.js
• leaflet.js

Code

• Leaflet.js Code

Setup

• Git clone with HTTPS link
• Git bash and run python server to render the page on port 8000
• play with leaflet map and toggle control
• Open Leaflet.js Codein visual studio

Status

Project Complete

Acknowledgement

• UTSA BootCamp
• Jeff Anderson(Boot Camp Instructor for being the best)
• USGS Website for the Data

Contact

Divya Shetty