Skip to main content
SimilarExport ZIP
100%

Earthquake Choropleth Map

✓ Published2🌍 Public
MMike Wolfgram
Last edited Oct 5, 2019
Created on Oct 4, 2019
Forked from 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.

AI-generated description
MIT Licensed

Similar vizzes

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 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
95% 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
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
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 logarithmic count of total earthquakes by state, with counties colored using a threshold-based scale from the d3.schemeOrRd sequential color scheme. The map is rendered as an SVG, with each state drawn via the d3.geoPath projection. Hovering over a state triggers a tooltip, implemented with a custom d3.tip, that displays the state name, region, and earthquake count. The geographic boundaries and earthquake data are loaded from TopoJSON and CSV files, respectively.

SSagarikaS
95% match
Loading thumbnail…

Earthquake Choropleth Map

A choropleth map of the United States visualizes the logarithmic count of total earthquakes by state, with counties colored using a threshold-based scale from the d3.schemeOrRd sequential color scheme. The map is rendered as an SVG, with each state drawn via the d3.geoPath projection. Hovering over a state triggers a tooltip, implemented with a custom d3.tip, that displays the state name, region, and earthquake count. The geographic boundaries and earthquake data are loaded from TopoJSON and CSV files, respectively.

SSagarikaS
95% match
Loading thumbnail…

Earthquake Choropleth Map

A choropleth map of the United States visualizes the logarithmic count of total earthquakes by state, with counties colored using a threshold-based scale from the d3.schemeOrRd sequential color scheme. The map is rendered as an SVG, with each state drawn via the d3.geoPath projection. Hovering over a state triggers a tooltip, implemented with a custom d3.tip, that displays the state name, region, and earthquake count. The geographic boundaries and earthquake data are loaded from TopoJSON and CSV files, respectively.

SSagarikaS
95% match