🌍 Public
Viewing a saved revision (read-only)
8f2e050914254d6d92d4c767b055bc26
Untitled
This example presents an interactive map of the United States using d3.geo.path with an Albers USA projection, rendering state boundaries as SVG paths. Clicking a state triggers a smooth zoom animation that scales and translates the map to center on the selected region, highlighting it in orange. The map is constructed from topojson.feature and include a mesh overlay for state borders. The zoom effect is achieved by transitioning the group element's transform attribute using d3.transition over 750 milliseconds.
AI-generated descriptionA bare minimum HTML page.
See also React Starter.