Skip to main content
SimilarExport ZIP
100%

Scatter Plot Mag Depth

✓ Published0🌍 Public
MMTClass
Last edited Mar 12, 2017
Created on Mar 12, 2017

This interactive scatter plot displays earthquake magnitude against depth using live USGS GeoJSON data for all earthquakes from the past day. Each circle represents a quake, positioned by its depth on the x-axis and magnitude on the y-axis, with hover tooltips revealing the exact values. Built with D3 v4, it uses `d3.json` for data loading, `d3.scaleLinear` for axis ranges, and SVG circle elements with `mouseover` and `mouseout` events to trigger the tooltip’s opacity transitions. The chart includes labeled axes with tick marks to facilitate comparison of seismic activity patterns.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

Final - Earthquake Scatter Plot

This scatter plot visualizes earthquakes from the past week using USGS GeoJSON data, showing the relationship between earthquake depth and magnitude on a time-based x-axis. The circles are colored by depth category (shallow, intermediate, deep), and hovering over the legend highlights one category while dimming the others. Built with D3 v7, it uses `scaleTime`, `scaleLinear`, `scaleOrdinal`, and `axisLeft`/`axisBottom` to render axes and a custom color legend, with a `ResizeObserver` for responsiveness. The plot reveals that shallow earthquakes span the widest magnitude range, while deep earthquakes all exceed M4.0.

Llingjizhu@gmail.com
89% match
Loading thumbnail…

Ver2 Earthquake Scatter Plot

This visualization plots earthquake magnitude against time using data from the USGS all-week GeoJSON feed, with points colored by depth category (shallow, intermediate, deep). The main scatter plot includes hover tooltips showing magnitude, location, time, and depth, while a context view below displays the full dataset with a d3.brushX selection that filters the primary view to a brushed time interval. Built with D3 v7 and React, the visualization uses scaleLinear, scaleOrdinal, and utcFormat to render the charts.

Llingjizhu@gmail.com
87% match
Loading thumbnail…

Magnitude vs Depth

This scatterplot visualizes the relationship between earthquake magnitude and depth using data from the Significant Earthquakes from 1965 dataset. Interactive dropdown menus filter data points by magnitude ranges (e.g., 5-6, 6-7) and depth ranges (e.g., 0-250, 251-500 km). Hovering over a circle reveals a tooltip with the country, date, magnitude, and depth. Built with React and D3 v5 (using `scaleLinear` and `extent`), the visualization uses SVG circles, with axes rendered by custom components (`AxisBottom`, `AxisLeft`).

VVarun Eranki
86% match
Loading thumbnail…

Fork of ver2 Earthquake Scatter Plot

This interactive scatter plot visualizes earthquakes from the past week using USGS GeoJSON data, mapping time on the x-axis and magnitude on the y-axis. Points are color-coded by depth category (shallow, intermediate, deep) via d3.scaleOrdinal. The chart uses d3.scaleTime, d3.scaleLinear, d3.axisLeft, and d3.axisBottom for rendering, with a d3.brushX brush for selecting time intervals and highlighting points with a black stroke. A color legend with hover interactions dims non-matching points using d3 transitions.

Bbenclark.3rd@gmail.com
85% match
Loading thumbnail…

Earthquake Scatter Plot

This scatter plot visualizes earthquake data from January 2024, showing magnitude over time with points colored by depth category (shallow, intermediate, deep). A color legend allows interactive highlighting by hovering over depth categories, while a brush tool supports time-range selection. The visualization uses D3.js APIs including scaleTime, scaleLinear, scaleOrdinal, brushX, and axis components to render the chart with ResizeObserver for responsive sizing.

Llingjizhu@gmail.com
85% match
Loading thumbnail…

Earthquake Scatter Plot expandable x-scale

This interactive scatter plot visualizes earthquake magnitudes over time, with points colored by depth category (shallow, intermediate, deep) using a D3 ordinal color scale. Users can zoom horizontally via a d3.zoom behavior that rescales the time axis, and hover over the color legend to highlight matching earthquakes. The chart uses d3.scaleTime and d3.scaleLinear for axes, with data loaded from a CSV file containing USGS earthquake records. A brush selection adds black strokes to selected points, though the zoom functionality takes precedence.

Llingjizhu@gmail.com
85% match
Loading thumbnail…

in class scatterplot March 16 long/mag

This scatterplot maps earthquake longitude against magnitude, with each circle representing a single seismic event from the USGS GeoJSON feed. The chart clearly shows the distribution of earthquake strengths across global longitudes, using a linear scale for both axes. Built with D3 v3, the visualization employs `d3.scale.linear` for coordinates, `d3.svg.axis` for tick marks, and `d3.scale.category10` to color the dots. The SVG rendering includes axis labels, and a legend is attempted, though the color domain contains no actual categories.

MMTClass
84% match
Loading thumbnail…

Ver04 of Magnitude of Earthquakes over 7 Days

A scatter plot visualizes earthquake magnitude and depth from the past seven days, using time on the x-axis and magnitude on the y-axis. The depth is categorized into three levels—shallow (red), intermediate (blue), and deep (green)—via `d3.scaleOrdinal`. The visualization uses `d3.scaleTime` and `d3.scaleLinear` to map axes, with circles colored by depth and a hover interaction that enlarges points and displays crosshair lines. It leverages the d3 library, integrates responsive container and axis handling, and sources data from the Earthquake Dataset.

Llingjizhu@gmail.com
83% match