Skip to main content
SimilarExport ZIP
100%

Earthquake Choropleth Map

✓ Published0🌍 Public
Cchartea
Last edited Feb 21, 2020
Created on Feb 21, 2020

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.

AI-generated description
MIT Licensed

Similar vizzes

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
97% 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
95% 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 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
95% 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
95% 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
94% 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
94% match
Loading thumbnail…

Choropleth Map

This choropleth map visualizes the distribution of total earthquakes across US states using a diverging color scale. The map is rendered as an SVG using D3.js and the `geoAlbersUsa` projection, with state boundaries drawn via `geoPath`. Earthquake counts are logarithmically transformed and mapped to a threshold color scale from the `schemeOrRd` palette, while hovering highlights states in light green. The data is loaded from CSV and TopoJSON files, and tooltips display state name, region, and raw earthquake totals.

Eelaine-xiao
94% match