yi xiao Map

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.

96% match

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.

94% match

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

94% match

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

86% match

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.

Choropleth Map

Choropleth Map

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