Earthquake Map

100%

Earthquake Map

✓ Published0🌍 Public

Last edited Mar 9, 2017

Created on Mar 9, 2017

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.

AI-generated description

Similar vizzes

Loading thumbnail…

Earthquake Choropleth Map

A choropleth map of the United States visualizes the logarithm of total earthquake counts per state, using a sequential orange-red color scale to show frequency. The map is rendered as an SVG using d3.geoPath with a geoAlbersUsa projection and TopoJSON boundaries. A custom color legend maps threshold domains to d3.schemeOrRd[9], and mouseover interactions trigger tooltips displaying state details. The data is loaded via Promise.all from a CSV file and the states-10m TopoJSON dataset.

MMike Wolfgram

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

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

83% match

Loading thumbnail…

Earthquake Choropleth Map

This choropleth map visualizes earthquake counts across U.S. states, using the Albers USA projection and a threshold color scale with a sequential orange-red scheme. The map applies logarithmic scaling to earthquake totals to enhance color distinction, with states colored via `d3.scaleThreshold` and `d3.geoPath` for rendering. Data is loaded from a CSV of state earthquake records and a TopoJSON file of U.S. boundaries, processed with `topojson.feature`. Hovering highlights states in red, though the tooltip code is incomplete and non-functional.

Cchartea

82% match

Loading thumbnail…

Earthquake Choropleth Map

This choropleth map visualizes earthquake totals across U.S. states, using color intensity to show logarithmic counts in a sequential red scheme. The map renders geographic boundaries with `d3.geoPath` and the Albers USA projection, while state colors are assigned via a `d3.scaleThreshold` using `d3.schemeOrRd`. Data comes from a CSV of earthquake records and TopoJSON state geometries, processed using the `topojson.feature` API. Hovering a state highlights its border through CSS, though tooltip code is incomplete in the source.

Aamirthaganeshp

82% match

Loading thumbnail…

Earthquake Choropleth Map

This choropleth map visualizes the total number of earthquakes for each U.S. state, using a logarithmic color scale to differentiate magnitudes. The map renders state boundaries from a TopoJSON file, and the color of each state is determined by its earthquake count, with a threshold-based color scale (`d3.scaleThreshold`) and a sequential color scheme (`d3.schemeOrRd`). The visualization uses D3 v5's geographic projection (`d3.geoAlbersUsa`) and `d3.geoPath` for drawing, while an interactive tooltip (`d3.tip`) displays the state name, region, and exact earthquake count on hover, with data sourced from a CSV file.

MMike Wolfgram

82% match

Loading thumbnail…

Earthquake Choropleth Map

This choropleth map visualizes earthquake counts across U.S. states using a logarithmic color scale from the OrRd scheme. It shows total earthquakes per state, with darker shades representing higher counts and hover effects highlighting individual states. The visualization uses D3 v5 with d3.geoAlbersUsa projection and d3.geoPath to render TopoJSON state boundaries from the states-10m dataset. State earthquake data comes from a CSV file, and a custom tooltip displays state name, region, and earthquake count on hover.

Aamirthaganeshp

82% match

Loading thumbnail…

class 3

This example displays a map of the United States overlaid with earthquake locations from the USGS’s daily GeoJSON feed. The visualization shows each earthquake as a small path marker on top of the state boundaries. The map uses the `d3.geoAlbersUsa` projection and `d3.geoPath` to render the geographic shapes, with state outlines drawn from TopoJSON data. Earthquake points are appended as `path` elements with a crimson fill, while the states are styled in a light yellow, highlighting the spatial distribution of recent seismic activity.

AAnaMal08

81% match