Skip to main content
SimilarExport ZIP
100%

yi xiao Map

✓ Published5🌍 Public
Eelaine-xiao
Last edited Oct 1, 2019
Created on Sep 30, 2019
Forked from Choropleth 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.

AI-generated description
MIT Licensed

Similar vizzes

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
96% 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
96% match
Loading thumbnail…

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.

SSagarikaS
95% 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
Loading thumbnail…

Choropleth Map

A choropleth map of the United States visualizes total earthquakes per state on a geographic projection, using a color scale that encodes the logarithmic earthquake count. State regions are colored according to their assigned region, with a sequential color scheme from `schemeOrRd`. The map is rendered as SVG paths using `d3.geoPath` with a `geoAlbersUsa` projection, and earthquake data is loaded from a CSV file. Hovering highlights a state in light green with a dark red stroke.

Eelaine-xiao
85% 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
85% match