Earthquake visualization using leaflet.
Data Analytics Bootcamp - Rice University
Project Background: The project objective is to visualize earthquake map in United States.
Why we chose image prediction: We are interested to learn more about how image processing works.
Data Source: World earthquake data from USGS GeoJSON Feed.
Map from Mapbox.
This is the example of information from a single coordinate.
This is the result of the visualization. Different color indicate different magnitude of earthquake, as indicated in the legend.
Marker
Each earthquake coordinates is plotted to the map to indicate the earthquake occurance. The bigger the circle, the bigger the magnitude. The color of the circle correlates with the earthquake magnitude.
Legend
The legend shows that the darker the color, the bigger the earthquake magnitude. In this example, it is divided into 6 bins / range.
Pop up
Detail information on the earthquake can be obtained by click individual circle.
File | Location | Remarks |
---|---|---|
index.html | main folder | Front End Page |
logic.js | static/js |
JS script |
style.css | static/cs |
style-related script |