D3 Line Chart With Brush - Earthquakes

D3 Scatter Plot With Brush - Earthquakes

A D3 scatter plot displays earthquakes from 1900 to 1999, mapping year on the x-axis, Richter magnitude on the y-axis, and death count to circle radius. The chart uses `d3.brushX` to select a time range, turning selected circles red; double-clicking either clears the selection or selects all circles if none exist. Data comes from a CSV hosted on GitHub Gist. The SVG visualization uses `d3.scaleLinear` for positioning and sizing, with `d3.axisLeft` and `d3.axisBottom` for axes, and is rendered from the `d3.v6` library.

89% match

Line Chart

This line chart visualizes earthquake death tolls from 1902 to 1912, plotting deaths over time using a time-scaled x-axis and a linear y-axis. Each quake is represented by a point, with circles sized in proportion to an additional magnitude metric (mag3), and hover effects highlight individual events. The chart is rendered in SVG with D3 v3, and includes an x-axis for dates and a y-axis for deaths.

BBenHeubl

84% match

Interactive Visualization (Brush) - Earthquake Data

This interactive visualization presents earthquake data from the 19th century through three coordinated views: a bar plot of deaths by region, a world map with circles sized by Richter magnitude, and a scatter plot correlating year, magnitude, and deaths. A brush interaction on the scatter plot filters the year range across all views. The map uses d3.geoMercator projection with d3.geoPath to render country boundaries from a GeoJSON source, includes a magnitude legend, and displays country names via tooltips on mouseover. The charts are built with D3 v7 APIs including scaleBand, scaleLinear, and the join operator.

83% match

Interactive Visualization (Brush) - Earthquake Data

This interactive dashboard visualizes earthquake data with three synchronized views: a bar plot of regional death tolls, a world map showing earthquake locations with circle radii scaled by Richter magnitude, and a line chart depicting global deaths by year. The code uses d3.geoPath with a Mercator projection to render the map, while d3.brush enables year selection that updates all views. Hovering over map regions triggers tooltips via mouseover events, and a legend explains the Richter scale. Data is loaded via d3.csv from an external gist URL, with d3.scaleLinear and d3.scaleBand managing the axes.

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.

Worldwide Earthquake stats 2000-2015

This line chart displays earthquake statistics worldwide from 2000 to 2015, plotting estimated deaths against year. The visualization uses d3.nest to group data by magnitude category, with d3.scaleTime and d3.scaleLinear mapping axes. D3’s line generator with curveBasis renders smooth paths, colored via d3.scaleOrdinal. A custom colorLegend component shows magnitude categories, while axes include gridlines and rotated labels. Data comes from a local CSV file.

SSagarikaS

Fork of Interactive Visualization (Brush) - Earthquake Data

This interactive visualization explores earthquake data from the 19th century through three coordinated views: a bar plot of total deaths by region, a world map with circles sized by Richter magnitude, and a scatter plot relating year, magnitude, and death toll. A brush on the scatter plot filters data across all views, while tooltips display country names on the map alongside a legend for magnitude. The code uses D3 v7 APIs including d3.csv, d3.scaleBand, d3.scaleLinear, d3.geoMercator, d3.geoPath, and d3.brushX to render SVG with animations, sourcing data from a GitHub gist.

AAnthony Zornig

Line charts

Multiple line charts display earthquake frequencies from 2000 to 2015, broken down by magnitude bands (5.0–5.9, 6.0–6.9, 7.0–7.9, and 8.0+), alongside estimated deaths as a radius scale. Built with D3 v5, the visualization uses `d3.line` with monotone curve interpolation, `d3.scaleTime` and `d3.scaleLinear` for axes, and renders as SVG. Data comes from the USGS earthquake records embedded in the local CSV file.

Aandrewtran1991