Skip to main content
SimilarExport ZIP
100%

Fork of Fork of US States with Hover

✓ Published0🌍 Public
Ddr_nareshvet@yahoo.in
Last edited Jun 16, 2025
Created on Jun 16, 2025

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.

AI-generated description
MIT Licensed

Similar vizzes

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

Fork of Fork of US States with Hover

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.

NNita
87% match
Loading thumbnail…

US States with Hover

This example displays a map of US states with hover interactions. When hovering over a state, it highlights in blue, displays the state name, and outlines the border. The visualization uses a Voronoi diagram to detect hover events across small or irregular state boundaries, ensuring accurate interaction. Built with D3 v7 and d3-rosetta utilities, it projects geographic data using geoAlbersUsa and geoPath, with state and county boundaries sourced from the us-atlas TopoJSON dataset.

CCurran Kelleher
85% match
Loading thumbnail…

Fork of Fork of USA Country Map

This choropleth displays the 50 US states and their internal borders, rendered as an SVG using React components. The map turns green, with state boundaries shown as white lines, and individual states highlight in orange on hover. Geographic data comes from the `us-atlas` TopoJSON file, processed with `topojson.feature` and `topojson.mesh`. The visualization uses `d3.geoPath` with the `geoAlbersUsaTerritories` projection to draw each state path. Interactivity is achieved through CSS `:hover` styling on the `.land` class.

KKolliTeja
80% match
Loading thumbnail…

Fork of USA Country Map

This fork of the USA Country Map displays the 50 states using an SVG-based geographic projection. It colors each state green and shows white interior borders, with a hover effect that changes the fill to orange. The visualization uses `d3.geoPath` with the `geoAlbersUsaTerritories` projection, and loads geographic data from the `us-atlas` TopoJSON source. React manages the rendering, while D3 and TopoJSON handle the geographic feature and mesh processing.

DDonald Bagwell
79% match