Skip to main content
SimilarExport ZIP
100%

ICE8- Map

✓ Published1🌍 Public
Bbrodyoneal10@gmail.com
Last edited Apr 13, 2026
Created on Apr 13, 2026
Forked from HTML Starter

This choropleth map shows the population of each U.S. state using 2020 Census data, with states colored according to their population totals and a tooltip revealing the state name on hover. The visualization loads US states from the us-atlas TopoJSON file and renders them using d3.geoPath with the d3.geoAlbersUsa projection. Population values are mapped to a color scale, while the SVG states respond to mouse events for interactive inspection.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE8_US_States_Population

This choropleth map displays U.S. state populations, with darker blue fills indicating higher population values and gray for states without data. It uses D3 v7 with `d3.geoAlbersUsa` projection, `d3.geoPath` for rendering, and `topojson.feature` to parse the us-atlas states-10m TopoJSON source. A `d3.scaleSequential` with `d3.interpolateBlues` maps population values to colors, while mouseover events update an HTML tooltip showing state names and population in millions.

Sshyamraghav12@gmail.com
91% match
Loading thumbnail…

ICE 8

This visualization displays a choropleth map of the United States, with each state filled by a categorical color from the D3 category10 scheme. The map uses the geoAlbersUsa projection and renders state boundaries as SVG paths with white strokes via d3.geoPath. It loads US Atlas TopoJSON data from a CDN, extracts state features using topojson’s feature function, and shows state names as tooltips on hover.

66264kusuma@gmail.com
90% match
Loading thumbnail…

Fork of ICE-8 — USA States Map

A choropleth of the United States displays each state’s population from the 2020 census via a yellow-orange-red sequential color scale. The map renders with D3.js v7 and the TopoJSON library, using `d3.geoAlbersUsa` for the Albers projection and `d3.geoPath` for state boundaries. Hovering over a state reveals its population in a tooltip, while gray fills indicate missing FIPS codes from the `us-atlas` dataset.

Ssravya7136@gmail.com
89% match
Loading thumbnail…

ICE-8 1q country map

This choropleth map visualizes US state populations using a sequential YlGnBu color scale. State boundaries are rendered as SVG paths via d3.geoPath, populated with data loaded from TopoJSON (us-atlas). A tooltip displays state names and population values on hover. The map uses d3.geoAlbersUsa for projection and d3.scaleSequential for color mapping. A legend with a linear gradient and d3.axisBottom provides a scale for interpreting the population values in millions.

Aakshayamsgrad@gmail.com
89% match
Loading thumbnail…

ICE8 USA Map

This visualization displays a choropleth map of the United States, with state boundaries drawn as SVG paths. The code uses D3 v5’s `geoAlbersUsa` projection and `geoPath` to render geographic features from TopoJSON data loaded from the us-atlas repository. Each state shape is colored with a default fill, and hovering changes the fill color via CSS. State names appear as tooltips using SVG `title` elements, sourced from the TopoJSON feature properties.

BBVNPK001
88% match
Loading thumbnail…

ICE 8-2

A choropleth map of the United States displays population density in people per square kilometer, using a yellow-to-red sequential color scale for each state. The map uses an Albers USA projection with `d3.geoPath`, loading state boundaries as TopoJSON from the us-atlas package. State names and density values appear as labels for the most densely populated regions, and a gradient legend at the bottom right maps color to density values. Tooltips on each state show its name and population density on hover.

Aanirudhrao345@gmail.com
88% match
Loading thumbnail…

Fork of ICE8_US_States_Population

This example displays U.S. state population data as a choropleth map, with darker blue representing higher population. Ten states are mapped to population values, while all other states appear gray. The tooltip reveals the state name and population in millions upon mouseover. The map draws state boundaries as SVG paths using `d3.geoPath` with a `geoAlbersUsa` projection. Data is loaded from the `us-atlas` TopoJSON file, transformed with topojson-client, and colored through a sequential blue scale from `d3.scaleSequential`. Boundary strokes are added using `topojson.mesh`.

Sshyamraghav12@gmail.com
88% match
Loading thumbnail…

ICE-8-US-Map

This interactive choropleth displays U.S. states as brown SVG paths, colored green on hover, using a geoAlbersUsa projection and d3.geoPath to render geographic features from a TopoJSON dataset loaded from us-atlas via d3.json. The code builds the map with D3 v5 and topojson’s feature method, and adds a title attribute for each state.

AAli Shah Solanki
88% match