🌍 Public
Viewing a saved revision (read-only)
f7483cfeacb847cba538d917a8edeeee
Final-Earthquakes Linked Views with Brushing on Scatter Plot
Llingjizhu@gmail.com
Last edited Apr 24, 2024
Created on Apr 17, 2024
This visualization presents a linked-view dashboard of global earthquake data from the USGS API, displaying a world map with tectonic plate boundaries alongside a scatter plot of earthquake magnitude over time. Users can brush on the scatter plot to filter which earthquakes appear on the map, with circle size encoding magnitude and color encoding depth category. The map supports zooming and panning via d3.zoom, while circles link to external URLs and display tooltips. The implementation uses d3.geoEquirectangular projection, d3.geoPath for map rendering, d3.brushX for selection, and d3.scaleOrdinal for categorical color encoding.
AI-generated descriptionIn the map
- data from an USGS API
- circle size related to magnitude value
- interaction: click circle and direct to a url
- added color to the circles, according to depth (shallow, intermediate, deep)
- added tooltip
In the scatter plot -added brush
MIT Licensed