Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

USA Country Map with Topojson data

Public visualization

USA Country Map with Topojson data

0 stars0🌍 Public
NNaveenrajaYalagandula
Last edited Apr 3, 2022
Created on Apr 3, 2022
Forked from HTML Starter

This example displays a choropleth-style map of the United States, with each state rendered as a separate SVG path using a topojson dataset. It shows state boundaries and names via tooltips. The code uses D3 v5’s `geoAlbersUsa` projection and `geoPath` to generate the paths, while `topojson.feature` converts the TopoJSON topology into GeoJSON features. The map is drawn with SVG elements, and the data is loaded asynchronously from a GitHub gist using D3’s `json` method.

AI-generated description

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

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed