Skip to main content
SimilarExport ZIP
100%

AUnited States and World Earthquakes

✓ Published0🌍 Public
11pixelzz
Last edited Apr 28, 2015
Created on Apr 28, 2015

This visualization compares earthquake activity in the United States with the rest of the world from 1970 to 2012, using two overlapping area charts rendered as SVG paths. The gray area represents global earthquake totals, while the green area shows U.S. earthquakes, with a hover effect turning circles green. It uses D3 v3 with the `d3.svg.area()` generator, `d3.time.scale()` for the year axis, and `d3.svg.axis()` for axes. Data comes from two CSV files loaded via `d3.csv`, sourced from the USGS Earthquake Hazards Program.

AI-generated description

Similar vizzes

Loading thumbnail…

Worldwide Earthquake stats 2000-2015

This visualization displays earthquake statistics from 2000 to 2015, plotting the count of magnitude 8.0+ earthquakes per year as orange circles on an SVG canvas. The data is loaded from a CSV file and rendered using D3 v5’s `scaleLinear`, `axisBottom`, `axisLeft`, and `select` APIs, with gridlines generated via `tickSize`. Circle positions map year and earthquake count through the x and y scales, while axis labels and a title are added as SVG text elements.

Eedxiao97
80% match
Loading thumbnail…

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
80% match
Loading thumbnail…

Earthquakes since 1965

This world map displays significant earthquakes since 1965, using circles sized by magnitude, with tooltips showing country and magnitude. The visualization renders on an SVG canvas using React and D3 v5, employing `geoNaturalEarth1` projection with `geoPath`, `geoGraticule`, and world atlas TopoJSON for land boundaries. Earthquake data comes from a cleaned CSV of the Kaggle USGS dataset. Semi-transparent red circles encode magnitude through a square-root scale, overlaid on light blue oceans and green landmasses.

VVarun Eranki
80% match
Loading thumbnail…

Earthquake Choropleth Map

The Earthquake Choropleth Map visualizes the total number of earthquakes per U.S. state from 2010 to 2015, using a logarithmic color scale applied via `d3.scaleThreshold` and `d3.schemeOrRd`. The map renders U.S. states as SVG paths with `d3.geoPath` and an AlbersUSA projection, built from TopoJSON data. Hovering triggers a custom tooltip that displays state, region, and earthquake count, styled through CSS. The visualization uses D3 v5 to load CSV data and TopoJSON geometry.

Aamirthaganeshp
79% match
Loading thumbnail…

Earthquakes

This heatmap visualizes earthquake counts across U.S. states from 2010 to 2015, with each cell colored by magnitude category. The view initially filters to the "10 to 99" category, but a dropdown menu lets viewers switch between magnitude ranges. Built with D3 v5, the code uses `d3.scaleBand` for axes, `d3.scaleQuantize` for color mapping, and `d3.nest` for category grouping. SVG rectangles render the data, with tooltips showing exact counts via mouseover and mouseleave events.

Yyoyo2050
79% match
Loading thumbnail…

Earthquake Map

This map shows earthquake locations across the United States, with each quake colored by magnitude range from green (0-1.0) to red (3.0-4.0). The visualization uses d3.geoPath and d3.geoAlbersUsa to project USGS earthquake feed data onto state boundaries from a TopoJSON file, with d3.legendColor providing the magnitude legend. Separate SVG layers render quakes for each magnitude bin, and text annotations display counts per category.

AAnaMal08
79% match
Loading thumbnail…

Earthquake Choropleth Map

This choropleth map visualizes the distribution of total earthquakes across U.S. states, using a logarithmic color scale based on d3.scaleThreshold and the d3.schemeOrRd sequential color scheme. It renders each state as an SVG path via d3.geoPath with a d3.geoAlbersUsa projection, pulling geographic boundaries from TopoJSON and earthquake counts from a CSV. Hovering highlights states with a red stroke, while a d3-tip tooltip is intended to display state name, region, and earthquake count.

Eedxiao97
79% match
Loading thumbnail…

Earthquakes

A heatmap displays earthquake counts for U.S. states from 2010 to 2015, with color intensity varying by magnitude category. A dropdown menu allows filtering by category range, while hovering over cells reveals exact counts via a tooltip. The visualization uses D3 v5 with SVG rendering, employing `d3.scaleQuantize` for color mapping, `d3.nest` for data grouping, and `d3.csv` to load the dataset.

Ccyanea1
79% match