Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Zoomable US Map

Public visualization

Viewing a saved revision (read-only)

715fee06e6524ef491fbe50d8ffbc1b5

Zoomable US Map

0 stars1🌍 Public
LLuca Liverani
Last edited Jul 29, 2024
Created on Jul 28, 2024
Forked from HTML Starter

This interactive map of the United States allows users to zoom into individual states by clicking, with smooth animated transitions and hover highlighting. Built with D3.js v6 and TopoJSON, it loads US state boundaries from the `us-10m.v1.json` dataset and renders them using `d3.geoPath` within an SVG. The `d3.zoom` API handles pan and zoom gestures, while `transition` calls animate the viewport and state fill colors between default, hover, and clicked states. A tooltip displays each state’s name on mouseover.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.