Skip to main content
SimilarExport ZIP
100%

Fork of Fork of US States with Hover

✓ Published1🌍 Public
NNita
Last edited Jun 16, 2025
Created on Jun 16, 2025

This choropleth map of US states uses a green color scale to encode population, with hover interactions highlighting states and displaying their name and population via a tooltip. Built with D3.js, it renders geographic features using `d3.geoPath` and a GeoAlbers USA projection, while `Delaunay` from D3 creates invisible Voronoi cells for reliable hover detection. Population data comes from a CSV of US Census Bureau estimates, and state shapes use US Atlas TopoJSON data.

AI-generated description

US Population Map

This visualization displays the population of US states using color intensity. Darker colors represent states with higher populations.

Features:

  • States are colored based on population data
  • Hover over a state to see its name and population
  • Includes all US states and territories

Data sources:

  • US Atlas topography from US Census Bureau
  • Population data from US Census Bureau estimates
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Fork of US States with Hover

This choropleth map of US states colors each state by its population, using a linear color scale from light blue to green. Hovering over a state highlights its borders and displays a tooltip with the state name and population count; invisible Voronoi cells derived from state centroids enable hover detection for small or island states. The visualization is built with D3, TopoJSON, and the geo-albers-usa-territories projection, using data from the us-atlas package and a GitHub-hosted population CSV.

NNita
96% match
Loading thumbnail…

Fork of Fork of US States with Hover

This interactive map of United States counties and states uses a Voronoi overlay to enable hover detection across the entire geographic area, including small islands. The visualization renders state boundaries with a white mesh and highlights the hovered state in dark gray with a black outline. Built with d3.geoPath, d3.geoCentroid, and Delaunay triangulation, it loads geographic data from the us-atlas TopoJSON source. Hovering over any state or invisible Voronoi cell triggers a mouseover event that updates the foreground highlight state.

Ddr_nareshvet@yahoo.in
87% match
Loading thumbnail…

Fork of US States with Hover

This fork of the US States map adds hover interactions using invisible Voronoi cells for precise detection, even over small islands. Built with D3 and topojson-client, it loads US Atlas topology from a CDN, renders state shapes via `d3.geoPath`, and highlights hovered states with a distinct fill and stroke. The map uses a memoized background layer and a foreground hovered-state layer, with a feature flag to optionally visualize the Voronoi overlay.

Ddr_nareshvet@yahoo.in
87% match
Loading thumbnail…

Fork of US States with Hover

This fork of the US States map adds hover interactions using invisible Voronoi cells for precise detection, even over small islands. Built with D3 and topojson-client, it loads US Atlas topology from a CDN, renders state shapes via `d3.geoPath`, and highlights hovered states with a distinct fill and stroke. The map uses a memoized background layer and a foreground hovered-state layer, with a feature flag to optionally visualize the Voronoi overlay.

Ddr_nareshvet@yahoo.in
87% match
Loading thumbnail…

Fork of US States with Hover

This fork of the US States map adds hover interactions using invisible Voronoi cells for precise detection, even over small islands. Built with D3 and topojson-client, it loads US Atlas topology from a CDN, renders state shapes via `d3.geoPath`, and highlights hovered states with a distinct fill and stroke. The map uses a memoized background layer and a foreground hovered-state layer, with a feature flag to optionally visualize the Voronoi overlay.

Ddr_nareshvet@yahoo.in
87% match
Loading thumbnail…

Fork of Fork of USA Country Map

A choropleth map of the United States shows each state as a filled, pink polygon with white interior boundaries, highlighting states on hover by turning them orange. Built with D3 v5, the visualization uses `geoAlbersUsaTerritories` for the projection and `geoPath` to render the geographic features. State boundaries come from the `us-atlas` TopoJSON file, processed via the TopoJSON library's `feature` and `mesh` functions, and displayed within a React application using SVG.

GGalineeharika
84% match
Loading thumbnail…

Fork of Fork of USA Country Map

A choropleth map of the United States shows each state as a filled, pink polygon with white interior boundaries, highlighting states on hover by turning them orange. Built with D3 v5, the visualization uses `geoAlbersUsaTerritories` for the projection and `geoPath` to render the geographic features. State boundaries come from the `us-atlas` TopoJSON file, processed via the TopoJSON library's `feature` and `mesh` functions, and displayed within a React application using SVG.

GGalineeharika
84% match
Loading thumbnail…

Fork of Fork of USA Country Map

A choropleth map of the United States shows each state as a filled, pink polygon with white interior boundaries, highlighting states on hover by turning them orange. Built with D3 v5, the visualization uses `geoAlbersUsaTerritories` for the projection and `geoPath` to render the geographic features. State boundaries come from the `us-atlas` TopoJSON file, processed via the TopoJSON library's `feature` and `mesh` functions, and displayed within a React application using SVG.

GGalineeharika
84% match