https://github.com/bishopce16/mapping_earthquakes

Creating an interactive map of earthquakes, all over the planet for the last seven days.
https://github.com/bishopce16/mapping_earthquakes

css d3js html javascript leaflet mapbox visual-studio-code

Last synced: 9 months ago
JSON representation

Creating an interactive map of earthquakes, all over the planet for the last seven days.

• Host: GitHub
• URL: https://github.com/bishopce16/mapping_earthquakes
• Owner: bishopce16
• Created: 2022-09-09T00:19:21.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2022-09-09T00:31:02.000Z (over 3 years ago)
• Last Synced: 2025-02-24T06:44:39.226Z (about 1 year ago)
• Topics: css, d3js, html, javascript, leaflet, mapbox, visual-studio-code
• Language: JavaScript
• Homepage:
• Size: 8.37 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# **mapping_earthquakes**

Creating an interactive map of earthquakes, all over the planet for the last seven days.

---

## **Overview of Project:**


The purpose of this project was to compile an interactive map of earthquakes, all over the planet for the last seven days. The earthquake data was retrieved from the [USGS Website](https://earthquake.usgs.gov/) Earthquake data. The map can be toggled between three different map styles (streets, satellite, and dark) in the overlay control panel in the top-right corner of the map. Which also contains the three overlays available Earthquakes (all earthquakes for the past 7 days), Tectonic Plates (the tectonic plate boundaries), and Major Earthquakes (the major earthquakes for the last 7 days). To zoom in and out of the map is in the top-left corner, with the legend in the bottom-right corner of the map.


![streets_tm_wlegend](earthquake_challenge/static/css/image/streets_tm_wlegend.png)


---

## **Resource:**


**Data Sources:** 

[GeoJSON earthquake](https://earthquake.usgs.gov/earthquakes/feed/v1.0/summary/all_day.geojson) data from the [USGS website](https://earthquake.usgs.gov/).


**Tools:** JavaScript, Leaflet.js library, D3.js library, Mapbox, HTML, CSS, Visual Studio Code.

 

---

## **Results and Summary:**


The three different map styles (streets, satellite, and dark) and the three overlays (Earthquakes, Tectonic Plates, and Major Earthquakes) in the overlay control panel.


![satellite w/legend all 3 overlays](earthquake_challenge/static/css/image/satellite_etm_wlegend.png)


The satellite map style with all three overlays Earthquakes, Tectonic Plates, and Major Earthquakes.


![overlay control panel](earthquake_challenge/static/css/image/overlay_control_panel.png)


The overlay control panel in the top-right corner of the map.


![dark_3rd_layer_etm](earthquake_challenge/static/css/image/dark_3rd_layer_etm.png)

The dark map style zoomed in on California with all three overlays displayed. 

---