leaflet-challenge

Created by Celeste Muniz - Lithgow

Table of Contents

• Objective
• How to View
• Steps
• Technologies

Objective

The United States Geological Survey, or USGS for short, is responsible for providing scientific data about natural hazards, the health of our ecosystems and environment. Their scientists develop new methods and tools to supply timely, relevant, and useful information about the Earth and its processes.

For this assignment, I developed a set of tools that will allow them visualize their earthquake data. They collect a massive amount of data from all over the world each day, and my objective is to create a meaningful way of displaying it. Visualizing their data will allow the USGS to better educate the public and other government organizations (and hopefully secure more funding..) on issues facing our planet.

How to View

1. Download repo to your local drive.
2. Open in VS code.
3. Open index.html with Live Server.

Steps

1. Get the data set

The USGS GeoJSON Feed provides earthquake data in a number of different formats, updated every 5 minutes. I chose to visualize all earthquakes from the past 7 days. I used the URL of this JSON to pull in the data for the visualization.

2. Import & Visualize the Data

• I created a map using Leaflet that plots all of the earthquakes from the data set based on their longitude and latitude.

• Data markers reflect the magnitude of the earthquake by their size and depth of the earthquake by color. Earthquakes with higher magnitudes should appear larger and earthquake depth corresponds to the legend on the bottom right.

• I included popups that provide additional information about the earthquake when a marker is clicked.

• Included a legend that provides context for map data.

3. Bonus

• Plotted a second data set on our map that shows locations of tectonic plates. Data on tectonic plates can be found at https://github.com/fraxen/tectonicplates.

• Added base maps to choose from: satellite street, light, and dark.

• Separated the two different data sets into overlays, earthquakes and tectonic, that can be turned on and off independently.

• Added layer controls to map.

Technologies

Leaflet

D3

Java

Html

CSS

geoJson