Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE 8: Region Map - USA

Public visualization

Viewing a saved revision (read-only)

27f5010d840f41709b8f3bfd9aa42179

ICE 8: Region Map - USA

0 stars0🌍 Public
NNITIN0601
Last edited Apr 3, 2022
Created on Apr 2, 2022

This example displays a choropleth-style region map of the United States, rendered as SVG paths within a React component. The map shows state boundaries as purple interior lines over a teal sphere, with land masses filled in dark blue. The code loads geographic data from the us-atlas TopoJSON file and uses d3.geoAlbers, d3.geoPath, and d3.geoGraticule for projection and rendering, along with topojson.feature and topojson.mesh to process the topology. React manages the data loading via useEffect and useState.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.