🌍 Public
Viewing a saved revision (read-only)
7c9153e2953647339652e5112d5cb1c2
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 descriptionPrevious version
- use data from an 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 interaction: dragging to make the earth turn left and right.
Updated version
- added dropdown menus. User can select to view earthquakes by choosing depth and magnitude.
- fixed coding error on the colorscale
- added tooltip
MIT Licensed