Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ver2 Earthquake Scatter Plot

Public visualization

ver2 Earthquake Scatter Plot

0 stars6🌍 Public
Llingjizhu@gmail.com
Last edited Apr 17, 2024
Created on Apr 9, 2024

This example visualizes earthquake data from the USGS all-week GeoJSON feed, plotting magnitude against time in a scatter plot. Dots are colored by depth category (shallow, intermediate, deep) using `scaleOrdinal`, with a custom color legend that dims non-hovered categories on mouseover. A `brushX` interaction highlights earthquakes within a selected time range, stroking the brushed marks in black. The chart uses D3’s `scaleLinear` for axes, `axisBottom` and `axisLeft` for ticks, and a ResizeObserver for responsive resizing.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed