🌍 Public
Viewing a saved revision (read-only)
775bf96b02724290847b97e1d78d70f6
Olympics performance graph
This interactive map of the United States lets users zoom and pan across states, with hover highlighting and click-to-zoom on individual regions. Built with D3.js and TopoJSON, it loads US state boundaries from the d3js.org us-10m.v1.json dataset. The visualization uses d3.zoom for scaling between 1x and 8x, d3.geoPath for rendering the shapes, and transitions to smoothly animate color changes and zoom operations. A tooltip displays state names on hover, while clicking a state zooms in and colors it red, with a background click resetting the view.
AI-generated descriptionZoomable US Map from D3 examples