GeoJson is a widely-used data format for displaying geographical data in web maps and applications. GeoJson consits of Geometry Object can can contain a plethora of information including, the type of object being mapped including single markers on the map or even lines. As well as location names, longitude, latitude and even timestamps!
With the flexibilty to easily be parsed and transformed, it is no wonder GeoJson is the industry standard when it comes to making map visualizations. In order to explore and GeoJson myself, I have created a web application to visualize Earthquake GeoJson data.
Application Overview
Resources
- JavaScript
- Leaflet: A open-source JavaScript library for mobile-friendly interactive maps.
- Mapbox: A JavaScript library for interactive, customizable vector maps on the Web.
- Bootstrap CSS
Overview
Through javascript, recent earthquake data is retreived via API from earthquake.usgus.gov, then parsed and transformed. Leaflet is then use to create the base map visualziation and map the data. Mapbox is used to add additional functionalilty and styling, helping to create an in-depth and powerful visualization.
Deployment
The web apppiction hosts an interactive map in which you can review earthquake magnitutdes. The interactive map has been designed to have a toggle where you can switch map views (street, satelite, dark). You can also choose which levels of data you would like to be displayed by turning the selection on and off. The available data views are the following:
- All Earthquakes: Displays all earthquake data
- Tectonic plate outline: provides a visual of the earth’s tectonic plates