Earthquake Choropleth Map

100%

Earthquake Choropleth Map

✓ Published2🌍 Public

Last edited Feb 19, 2020

Created on Feb 19, 2020

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.

AI-generated description

MIT Licensed

Similar vizzes

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

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

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

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

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

96% match

Loading thumbnail…

Earthquake Choropleth Map

This choropleth map visualizes the number of earthquakes recorded in U.S. states, using a logarithmic color scale to represent data from a CSV dataset of state earthquake counts. The map renders U.S. state boundaries via `d3.geoPath` with a `d3.geoAlbersUsa` projection, using TopoJSON data for the geographic shapes and `d3.scaleThreshold` with the `d3.schemeOrRd` color scheme. Hover interactions are implemented through a d3-tip tooltip, while state styling changes on mouseover through CSS-based `:hover` rules.

Ggotyou007

96% match

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

95% match

Loading thumbnail…

Earthquake Choropleth Map

This choropleth map displays the total number of earthquakes recorded in each U.S. state, using a logarithmic color scale to differentiate seismic activity. State boundaries are drawn as SVG paths via `d3.geoPath` with a `d3.geoAlbersUsa` projection, and each state's fill is determined by a `d3.scaleThreshold` color scale using the `schemeOrRd` palette. The tooltip is implemented with `d3.tip`, though it is not active in the current interaction. The data comes from a CSV file of state earthquake counts and a TopoJSON file of U.S. state boundaries.

MMike Wolfgram

95% match