Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

USA Country Map

Public visualization

Viewing a saved revision (read-only)

033b826553e54ddfbe5b50b29192f54c

USA Country Map

0 stars0🌍 Public
NNithish Kumar
Last edited Mar 30, 2023
Created on Mar 29, 2023
Forked from USA Country Map

Choropleth map of the United States uses SVG paths to display all fifty states from TopoJSON data, with state boundaries rendered as black strokes. The visualization employs d3.geoPath with the geoAlbersUsaTerritories projection to convert geographic coordinates into screen positions. Hovering over any state changes its fill color from green to orange through CSS :hover rules. The React component loads the geographic topology asynchronously via d3.json and processes it with topojson.feature and topojson.mesh utilities.

AI-generated description