Fork

100%

✓ Published0🌍 Public

Last edited Apr 13, 2024

Created on Apr 13, 2024

Forked from ver2 Earthquake Scatter Plot

This visualization plots earthquakes from the past week, sourced from the USGS GeoJSON feed, showing magnitude against time. Circles are colored by depth category (shallow, intermediate, deep) via a color legend, and hovering over legend items dims unrelated points. A brushX interaction allows selecting a time range, which highlights corresponding earthquakes with a darker stroke. The code uses D3 v7 for scales, axes, and the brush, alongside a ResizeObserver for responsive sizing.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Final - Earthquakes Linked Views with Brushing on Map

This interactive visualization maps earthquakes from the USGS API as colored circles sized by magnitude. A brush tool on the map filters which earthquakes appear in a linked scatter plot, enabling coordinated views of depth, time, and magnitude. The D3 code uses `geoEquirectangular` projections, `d3.brush`, and `d3.scaleOrdinal` to categorize depth into shallow, intermediate, and deep classes. Clicking a circle opens the earthquake’s URL, while tooltips provide detailed information for both map and scatter plot points.

AAamir Hameed mir

86% match

Loading thumbnail…

Fork of Final - Earthquakes Linked Views with Brushing on Map

This interactive visualization combines a world map and scatter plot to explore earthquake data from the USGS API. Users brush on the map to select earthquakes, which highlights corresponding points in the scatter plot. Map circles display magnitude through size and depth through a color legend, while clicking a circle opens its USGS page. The scatter plot adds tooltips with details. The visualization uses d3-geo projections and geoPath for mapping, d3-brush for selection, and d3-scaleOrdinal for color encoding, with topojson-client for world atlas data.

AAamir Hameed mir

83% match

Loading thumbnail…

Fork of Interactive Visualization (Brush) - Earthquake Data

This visualization of earthquake data combines a bar plot, world map, and scatter plot to explore regional deaths, epicenter locations with Richter magnitudes, and the relationship between year, magnitude, and casualties. Users can brush on the scatter plot to filter the other views by year. The map uses d3.geoMercator with d3.geoPath to render world geography, while tooltips display country names on hover. All charts are built with d3.v7, rendering as SVG with animation, and the data is loaded from an external CSV source.

Sspace-captain96

82% 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

82% match

Loading thumbnail…

Fork of Interactive Visualization (Brush) - Earthquake Data

This visualization presents earthquake data through three linked views: a bar plot of regional death tolls, a world map plotting earthquake locations with circle size encoding Richter magnitude, and a scatter plot relating year, magnitude, and deaths. A brush selection on the scatter plot filters the other views, while map tooltips display location names and a legend explains magnitude scaling. The code uses d3.v7 with `d3.geoMercator` projection, `d3.geoPath` for map rendering, and `d3.scaleBand`/`d3.scaleLinear` for chart axes. Data comes from a GitHub-hosted world GeoJSON and earthquake CSV.

AAbhishek Singh

82% match

Loading thumbnail…

Fork of Fork of Interactive Visualization (Brush) - Earthquake Data

This interactive dashboard combines a bar chart, a world map, and a scatter plot to explore earthquake data from 2000 to 2021. The bar chart shows the mean yearly earthquake magnitude, while the world map, built with `d3.geoPath` and a Mercator projection, plots earthquake epicenters with circle radii scaled by Richter magnitude. A linked scatter plot uses `d3.select` to display year against magnitude, with point size representing deaths. The map also includes tooltips on hover, and the data for the bar chart is loaded from a CSV file.

Sspace-captain96

82% match

Loading thumbnail…

Fork of Interactive Visualization (Brush) - Earthquake Data

This visualization combines a bar plot, world map, and scatter plot to explore earthquake data. The bar plot shows total deaths by region, the map displays earthquake locations with circle radius representing Richter scale magnitude, and the scatter plot correlates year with Richter magnitude and death counts. The implementation uses D3 v7 with d3.geoPath for map projection, d3.scaleBand and d3.scaleLinear for axes, and includes interactive brushing, tooltips via mouseover events, and a legend. Data comes from a CSV file referenced in the code.

PPiotr Paszek

81% match

Loading thumbnail…

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

81% match