Skip to main content
SimilarExport ZIP
100%

Fork of US States with Hover

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

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.

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
100% 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
100% 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
93% 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…

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

Fork of USA map

This fork of the USA map displays state boundaries as SVG paths colored with a categorical scale. When hovering over a state, its fill color changes to red. Built with D3 v5, it uses `d3.geoAlbersUsa` for projection and `d3.geoPath` for rendering. State geometries come from the TopoJSON `us-atlas` dataset, processed via `topojson.feature`, with styling defined in CSS.

Mmukundakrishna.r@gmail.com
81% match