Skip to main content
SimilarExport ZIP
100%

yi xiao Map

✓ Published0🌍 Public
SSagarikaS
Last edited Oct 6, 2019
Created on Oct 5, 2019
Forked from yi xiao Map

This choropleth map visualizes the logarithm of total earthquake counts per U.S. state, using an ordinal color scale with nine shades from the `schemeOrRd` spectrum. Built with D3 v5 and the `topojson` library, it projects state boundaries via `geoAlbersUsa` and renders them as SVG paths. Hovering a state changes its fill to light green and displays a tooltip with the state name, region, and raw earthquake total, sourced from a CSV dataset joined to a TopoJSON file.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

yi xiao Map

A choropleth map of the United States shows the total number of earthquakes per state, colored on a sequential logarithmic scale using an ordinal scale with the `schemeOrRd` color ramp. The map is rendered with `d3.geoPath` and the Albers USA projection, using TopoJSON state boundaries and CSV data loaded via `d3.csv`. Hovering a state highlights it in green and displays a tooltip via SVG `title` elements listing the state name, region, and earthquake count. The visualization uses D3 v5 and includes a custom `colorLegend` component to explain the color scale.

Eelaine-xiao
95% match
Loading thumbnail…

yi xiao Map

This example visualizes earthquake totals across U.S. states by applying a logarithmic transform and mapping the results to an ordinal color scale with a sequential red scheme. The choropleth map uses `d3.geoAlbersUsa` projection, `d3.geoPath`, and TopoJSON state boundaries. Hovering highlights states in green. A color legend is rendered with `colorLegend.js` using `d3.scaleOrdinal`, and tooltips display state name, region, and raw earthquake counts. Data comes from a CSV of state earthquake records.

Ccyanea1
94% match
Loading thumbnail…

yi xiao Map

This choropleth map visualizes the total number of recorded earthquakes per U.S. state, using a logarithmic transformation of the raw counts to compress the data’s range. The map is rendered in SVG using d3.geoPath with a geoAlbersUsa projection, while a d3.scaleOrdinal maps logged earthquake values to a nine-step sequential color scheme from schemeOrRd. State boundaries are drawn from TopoJSON data, and each state includes a title tooltip displaying its name, region, and original earthquake count. A custom color legend component, built with reusable D3 selections, appears alongside the map.

Eelaine-xiao
94% match
Loading thumbnail…

yi xiao Map

This example shows a choropleth map of U.S. states colored by the logarithm of their seven-day average positive COVID-19 test counts, with tooltips revealing state names, death averages, and positive test averages. Built with D3 v6 and TopoJSON, it uses `d3.geoAlbersUsa` for projection, `d3.geoPath` to render state boundaries, and `d3.scaleOrdinal` with the `schemeOrRd` color scheme. Data comes from a CSV file linked in the code, and the map is rendered as SVG with hover effects that change state fill colors.

JJesse Luo
87% match
Loading thumbnail…

Choropleth Map

This choropleth map visualizes earthquake totals across US states, using a log-transformed color scale to differentiate seismic activity levels. Built with D3 v5 and TopoJSON, it renders state boundaries as SVG paths via d3.geoPath and the geoAlbersUsa projection. A threshold color scale maps logged earthquake counts to a sequential OrRd scheme, while interactive hover effects highlight individual states. The map also includes embedded tooltips showing state name, region, and raw earthquake totals, with data loaded from CSV and TopoJSON sources.

SSagarikaS
87% 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
86% 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
86% 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
86% match