in class scatterplot March 16 long/mag

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.

84% match

Class 6 ScatterPlot

This visualization plots earthquake magnitudes against time over a week, using a scatterplot with circles positioned by time on the x-axis and magnitude on the y-axis. The code overlays a line path connecting the data points via d3.line, though the primary focus is the scatter of events. It loads live data from the USGS earthquake feed as CSV, parses timestamps with d3.utcParse, and applies d3.scaleTime and d3.scaleLinear for axes. The SVG is rendered with D3 v4, and hovering over a dot turns it red. The visualization also attempts to add a legend, but the referenced color scale is undefined, so no legend appears.

82% match

D3 Scatter Plot - Earthquakes

A scatter plot displays earthquake magnitude (Richter scale) on the y-axis against time (years 1900–1999) on the x-axis, with each circle's radius encoding the number of deaths. The plot uses D3 v6 with SVG rendering, employing `scaleLinear` for axes and circle size, `extent` for domain calculation, and `axisLeft`/`axisBottom` for tick marks. Data comes from a CSV file loaded via `d3.csv`, and circles are drawn with semi-transparent opacity to show overlapping points across the timeline.

JJunying Li

80% match

Data Visualization

This visualization displays earthquake data from a CSV file, plotting year on the x-axis, magnitude on the y-axis, and encoding depth via circle radius. The SVG scatterplot uses d3.csv to load data, then d3.scaleLinear and d3.scaleSqrt for scales, with d3.axisBottom and d3.axisLeft generating the axes. Colored steelblue circles with 0.5 opacity clearly reveal distributions of earthquake events across the recorded timeframe.

HHassaan Gul

80% match

earthquake

This scatter plot visualizes earthquake frequency by year, with each orange circle representing a data point and the y-axis labeled "nums_of_earthquake." The visualization uses d3.csv to load data from a remote earthquakes dataset, d3.scaleLinear for both axes, and d3.axisBottom and d3.axisLeft to render tick marks and gridlines. The SVG chart is generated with d3.v5, applying margin-based layouts, axis labels, and a title, while styling circles and text through external CSS.

Eedxiao97

Class 6-MT

This example plots earthquake magnitude against time over the past week, combining a red line through the data points with a blue scatterplot of individual events. The visualization uses D3 v4's `d3.csv` to load data from the USGS earthquake feed, `d3.scaleTime` and `d3.scaleLinear` for axes, and `d3.line` for the trend line. Circle elements mark each quake’s magnitude, with gridlines added via custom axis functions, all rendered as SVG.

Class 5

This visualization shows earthquake locations and magnitudes across the United States over the past week, using a color scale to group magnitudes into ordinal bins. A legend on the right lists magnitude ranges with counts of quakes per bin, and mousing over the map displays geographic coordinates. The code uses d3.geoAlbersUsa and d3.geoPath for the map projection, loads state boundaries from TopoJSON and earthquake data from USGS GeoJSON, and employs d3.scaleOrdinal with d3.schemeCategory10 for magnitude-dependent fill colors.

draft earthquake data

This visualization uses earthquake data from a USGS dataset to map seismic events by location and magnitude on a world map. Each earthquake is represented as a circle, with its size scaled by magnitude and its position determined by latitude/longitude coordinates. The depth of the quakes is encoded through color, creating a gradient from shallow to deep events. The map is rendered with SVG paths for continents, and a custom tooltip provides details on click or hover. Circles are drawn with D3's data-join and scaled using a linear magnitude scale, while the map projection and graticule are set up with D3's geo utilities. The visualization highlights the global distribution and intensity of recent seismic activity, with Nepal, Japan, and the South Pacific clearly standing out.

BBenHeubl