{"version":"1.0","type":"rich","title":"Gist ca516940263ea0b1137a","description":"This example shows a zoomable map of U.S. states, where clicking a state animates the viewport to focus on that state’s bounding box, and clicking the background or the active state resets the view. It uses D3 v3 with TopoJSON to load state boundaries, renders them as SVG paths via `d3.geo.path`, and applies `transition` with a computed translate and scale to smoothly change the projection’s viewport. The active state is highlighted in orange, and stroke width adjusts inversely to the zoom scale.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-ca516940263ea0b1137a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}