Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make the US Map with D3.js!

Public visualization

Viewing a saved revision (read-only)

13f763922fb6476f94bf7c185cf800b4

Let's make the US Map with D3.js!

0 stars1🌍 Public
Aacrasto-tibco
Last edited Jul 28, 2020
Created on Jul 28, 2020

This example displays a choropleth-style map of the United States with state boundaries rendered as SVG paths. It uses D3.js v5 to load US Atlas TopoJSON data, converts it to GeoJSON with the topojson library’s `feature` function, and projects it using `d3.geoAlbersUsa`. The `geoPath` generator draws each state as a separate path with a light green fill and subtle black strokes. A light blue sphere background is added first to contrast with the landmasses. The visualization intentionally omits labels or interactive features, focusing strictly on the geographic outlines.

AI-generated description