US States with Hover

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.

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.

Fork of US States with Hover

Fork of US States with Hover

US Map With State Borders, Pop Up, and Red Fill on Hover

This interactive US map displays state boundaries, hovering states highlight in red with a tooltip revealing the state name. The visualization loads geographic data as TopoJSON from the us-atlas and visionscarto-world-atlas packages, projecting it with d3.geoAlbersUsa and d3.geoPath. The tooltip is implemented as an HTML div, and mouseenter/mouseleave events trigger the red fill and tooltip visibility.

Rrpkupfer@wpi.edu

83% match

US State Map with Interaction

This example presents a choropleth-style map of US states with pan and zoom interaction. Built with D3 v5 and rendered as SVG, it uses `d3.geoAlbersUsa`, `d3.geoPath`, and `d3.zoom` to display state boundaries loaded from a TopoJSON file. State names and election data come from a CSV file, though only the names appear as tooltips via appended `title` elements. Hovering highlights a state in red, while the map supports interactive zooming through event-driven transforms.

Ddanrhymes

81% match

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

81% match