Skip to main content
SimilarExport ZIP
100%

US Map

✓ Published0🌍 Public
KKOLLIPATI NIKHIL
Last edited Nov 9, 2025
Created on Nov 9, 2025
Forked from HTML Starter

A choropleth map of the United States colors individual states by population, using a threshold color scale that ranges from light yellow to dark amber. The visualization loads US state boundaries from the us-atlas TopoJSON file and renders them as SVG paths via d3.geoPath with an Albers USA projection. Population values are mapped to FIPS codes using a JavaScript Map, and the d3.scaleThreshold assigns fill colors based on population brackets. Hovering over a state triggers a native SVG title tooltip displaying the FIPS code and population figure.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

World Map

A choropleth map of the United States colors individual states by population using a D3 threshold scale, with darker shades representing higher population values. The visualization loads geographic boundaries from a TopoJSON file via the `us-atlas` package and converts them to GeoJSON using `topojson.feature`. A `d3.geoAlbersUsa` projection is fitted to the SVG dimensions, and `d3.geoPath` renders each state as an SVG path. Population data for ten states is provided inline as a Map, with states lacking data shown in the lightest color.

KKOLLIPATI NIKHIL
90% match
Loading thumbnail…

State Map with Population

This choropleth map visualizes U.S. state populations, filling each state with a blue color scale from light to dark based on its population value. It uses d3.geoAlbersUsa for projection and d3.geoPath to render TopoJSON state and nation outlines from the us-atlas dataset. Population data is loaded from a separate text file and parsed into a lookup table, with tooltips appearing on hover. The visualization is built with D3 v7 and rendered as SVG.

Sson.sultan@yahoo.com
88% match
Loading thumbnail…

Choropleth population map

A choropleth map of the United States displays state-level population counts from 1990, using a color gradient from light orange to dark red. The map is rendered as SVG with D3 v3, leveraging `d3.geo.path` and TopoJSON for state boundaries. Population data from a CSV file is joined to state IDs, and a custom `d3.scale.quantize` interpolates colors across 100 steps. Hovering over a state triggers a tooltip and animates opacity, while the legend and interactivity are built with jQuery and D3 transitions.

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

usapopulation_map

This choropleth map of the United States visualizes estimated 2020 state populations in millions, using a blue sequential color scale to encode values. Built with D3 v7 and the TopoJSON library, it projects state boundaries with an Albers USA projection through `d3.geoPath`. The map reads population data from a hardcoded JavaScript object and renders an interactive SVG where hovering over a state displays its name and population in a tooltip.

CCharith Kapuluru
85% match
Loading thumbnail…

A9-US Choropleth Map

This animated choropleth map displays the 2020 census population for each U.S. state, using a color scale to encode population values with interactive tooltips. The visualization loads population data from a CSV file and U.S. state boundaries from TopoJSON, then uses `d3.geoAlbersUsa()` for the projection and `d3.geoPath()` to render the SVG paths. State polygons are colored by population via a color scale, with a tooltip showing details on hover.

Bbhavi.kenia@gmail.com
85% match
Loading thumbnail…

[A9] US Population 2020(Choropleth Map)

This choropleth map displays the population of each US state for 2020, using a green color scale with thresholds that categorize states from under 50,000 to over 30 million residents. The map is rendered as an SVG using the D3.js v7 library, with state boundaries drawn via `d3.geoPath()` and a Mercator projection centered on the continental US. Population data is loaded from an external CSV and joined to GeoJSON state features by area name, enabling tooltips that show each state's population on hover. The map employs D3's threshold scale and sequential color scheme to visually encode population density.

Cctan13@dons.usfca.edu
85% match
Loading thumbnail…

Choropleth Map

A choropleth map of United States states renders geographic boundaries as SVG paths, colored light blue with black outlines and a red hover state. The map uses the topojson library to convert US Atlas TopoJSON data into GeoJSON features, then projects them with d3.geoAlbersUsa and renders them via d3.geoPath. Interactive zooming is enabled through a d3.zoom event that applies transform updates to the map group, while a categorical color legend displays the domain. State data loads from a remote US Atlas JSON file.

NNicholas Papacostas
84% match