Introduction

Earthquake Tracker is a project built to see earthquake events that have happened around the globe in the last day and week.

Events are rendered and visually styled according to magnitude on a map layer, from where they can be selected and compared with other events.

I built this because I spend a lot of time reading and thinking about earthquakes, volcanoes, and all types of natural events, and I thought it would be cool to see them on a map.

Stack

• Next
• Mapbox - mapbox-gl and react-map-gl
• Tailwind for styles
• Jotai for state management
• Nivo for graphs

Features

• Real-time Data: Displays earthquake data for the last day and week.
• Interactive Map: Allows users to select and compare earthquake events visually.
• Magnitude Styling: Events are styled according to their magnitude.
• Factoids: Provides a concise breakdown of earthquake activity.

Usage

• Viewing Earthquakes: Open the map to see recent earthquake events.
• Selecting Events: Click on an event to see details and compare it with others in a overlay tool panel.
• Facts Page: Check out the facts page for drilled down facts - like number of events today, this week, the last hour, and more - presented in various graphs and dashboard widgets.

Resources

• Earthquake data, including GeoJSON features, are sourced from the USGS

Upcoming changes

• Convert times to your current timezone through a drop down
• Create a database and store weekly stats. This will allow us to provide a historical reference for the Weekly stats.
• More specific map layers - be that by country, magnitude, day, week, etc. We can provide individual layers for these items and allow the user to choose which one is currently rendering.
• Map info-window with expanded details on the event selected
• Export daily or weekly data to csv/pdf.
• Version 2.0, add volcanoes? Tsunamis? Other geological event data?

This is a Next.js project bootstrapped with create-next-app.