Dataset C — USGS Earthquakes (M2.5+/M4.5+, Past 30 Days) – GeoJSON

Past 7 Days M4.5+ Earthquakes Dataset

Rendered as a JSON object, the visualization displays the raw attributes of a single earthquake record from the USGS Past 7 Days M4.5+ Earthquakes dataset. It shows parsed data fields such as time, latitude, longitude, depth, and magnitude in a structured text format. The example uses D3.js to load and parse the CSV file, converting string values to numbers and dates for further analysis. This approach highlights data preprocessing rather than spatial mapping.

Llingjizhu@gmail.com

74% match

Earthquakes

This example loads and parses a CSV file of notable earthquakes from 1900 to 1999, then displays basic file statistics—size in kilobytes, row count, and column count—in a large text element. The visualization emphasizes data loading and parsing over graphical rendering, using `d3.csv` to fetch and parse the remote dataset from a GitHub gist, and `d3.csvFormat` to calculate the raw data size. The code also demonstrates an alternative `fetch`-based approach with `d3.csvParse`, though the active path uses the simpler `d3.csv` promise interface.

JJunying Li

73% match

class-02 demo

This example plots earthquake data from the USGS feed as filled paths on a map of Oklahoma, using county and state boundary shapes from a TopoJSON file. The visualization uses an Albers USA projection via `d3.geoPath` to render both the geographic outlines and the quake features, with a threshold magnitude of 2.5 filtering the displayed events. Earthquakes appear as crimson semi-transparent shapes, while the map layer is drawn separately in a background group. The code also logs earthquake counts for California and the earliest event time to the console.

71% match

Earthquakes

This heatmap visualizes earthquake counts (M3+) across U.S. states from 2010 to 2015, with each cell’s color encoding the annual total via a `d3.scaleQuantize` over nine discrete bins. A dropdown menu lets users filter the display by magnitude category (e.g., “10 to 99”), updating the visible rectangles. Built with D3 v5, the SVG renders axes using `d3.axisBottom` and `d3.axisLeft`, while a tooltip appears on hover to show the exact count. Data is loaded from a CSV with `d3.csv` and processed using `d3.nest` for grouping.

MManishJariwala22

71% match

Class #13 demo

This example displays earthquake data from the USGS live feed on a map of the United States, using d3.geoPath with a d3.geoAlbersUsa projection to render state boundaries and quake locations as SVG paths. It includes a draggable circle representing Washington DC, with tooltip and mouse-move coordinate readout, plus a magnitude-based legend with counts. Colors are assigned via a d3.scaleOrdinal and d3.schemeCategory10, while the map data comes from TopoJSON.

Scatter Plot Mag Depth

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.

ver2 Earthquake Scatter Plot

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.

Llingjizhu@gmail.com

Class 5

This visualization displays earthquakes from the past week across a map of the United States, with points colored by magnitude and a legend showing the number of quakes in each magnitude range. It uses d3.geoPath with a d3.geoAlbersUsa projection to render TopoJSON state boundaries, while earthquake data arrives as GeoJSON from the USGS feed. The map includes a draggable orange circle, and mouse movement updates a readout of geographic coordinates using the inverse projection.