Skip to main content
SimilarExport ZIP
100%

Bruch

✓ Published0🌍 Public
UUtkarshSiddhpura
Last edited Dec 1, 2023
Created on Dec 1, 2023

This interactive visualization explores earthquake data from the 19th century through three coordinated views. A bar plot aggregates total deaths by region, a world map uses circle size to represent earthquake magnitude on the Richter scale, and a scatter plot charts year against Richter magnitude with circle size encoding deaths. The map supports brushing to filter data by year and includes tooltips. The implementation uses D3 v7 with `d3.csv`, `d3.json`, `d3.scaleBand`, `d3.scaleLinear`, `d3.geoMercator`, and `d3.axisLeft`/`d3.axisBottom`, rendering to SVG.

AI-generated description

Data: https://gist.github.com/Junying-Li/72ef4641efd6b4abf371f5d9f4267a56

What's new?

  1. Added scatter plot.
  2. Added brush (select year).
  3. Added legend for world map.
  4. Added tooltips for world map.

Todo:

Bar plot:

X-axis: region that earthquake occured.

Y-axis: Deaths in earthquake.

World map:

Circle: positions where earthquake occured.

Radius: richter of earthquake.

Scatter plot:

X-axis: year.

Y-axis: richter of earthquake.

Radius: deaths of earthquake.

The bar plot shows the deaths caused by earchquakes in mutiple regions in different period of 19 century. The world map shows the positions where earthquakes occured and how strong they were (richter scale). The scatter plot shows richter and deaths of earthquakes in different years.

MIT Licensed

Similar vizzes

Loading thumbnail…

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.

JJunying Li
85% match
Loading thumbnail…

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.

JJunying Li
85% 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
84% 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
83% 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
83% 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…

Interactive Visualization (One Menu) - Earthquake Data

This interactive visualization displays earthquake data from 1900 to 1999, combining a world map and a bar chart. The map uses `d3.geoMercator` and `d3.geoPath` to render earthquake locations as circles, with radius representing Richter magnitude. The bar chart aggregates total deaths by region, updating via a dropdown menu that filters data by twenty-year intervals. Both SVG visualizations share the same dataset, loaded from a CSV file, and employ D3 v7’s data-join and transition methods for updates.

JJunying Li
81% match
Loading thumbnail…

Visualization (Brush) -NBA

This interactive visualization presents earthquake data through three coordinated views: a bar plot of regional death tolls, a world map showing earthquake locations with circle radii encoding Richter magnitude, and a scatter plot relating year, magnitude, and fatalities. The map uses d3.geoPath with a Mercator projection, includes a legend for magnitude values, and displays country names via a custom tooltip. The bar plot employs d3.scaleBand with axes, while the map’s tooltip and the legend are built using D3 selections. The example also demonstrates d3.json for loading GeoJSON data and integrates d3.v7.

FFAN CHI YU(范紀予)
80% match