Earthquake Choropleth Map

100%

Earthquake Choropleth Map

✓ Published0🌍 Public

Last edited Feb 21, 2020

Created on Feb 21, 2020

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.

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

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

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

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

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