Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

USA Country Map

Public visualization

Viewing a saved revision (read-only)

8eed5d84377b4023b3c3b6bc9d298796

USA Country Map

0 stars0🌍 Public
SSwapna1915
Last edited Jul 21, 2023
Created on Jul 21, 2023

This example displays a choropleth-style map of the 50 U.S. states, with each state filled in sky blue and separated by black borders. The visualization shows the geographic boundaries of the states, and hovering over a state highlights it in a warm orange color. The map is rendered as an SVG using React, with D3’s `d3.geoPath` and the `geoAlbersUsaTerritories` projection to convert TopoJSON data from the `us-atlas` package into drawable paths. The geometric data is loaded via `d3.json`, and state boundaries are computed using TopoJSON’s `feature` and `mesh` functions.

AI-generated description