Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE-8 World Map and USA Maps

Public visualization

Viewing a saved revision (read-only)

7cd21e1e1453485a8520e0c7a49103e1

ICE-8 World Map and USA Maps

0 stars1🌍 Public
SSanjib Paudel
Last edited Apr 9, 2023
Created on Apr 8, 2023
Forked from React Starter

This interactive map viewer displays world countries, U.S. states, and U.S. counties, letting the user switch between geographic scales via buttons. It renders dynamic SVG paths using React's `useState` and `useEffect` hooks, fetching GeoJSON from `us-atlas` and `world-atlas` via TopoJSON. The visualization applies distinct projections—`geoNaturalEarth1` for the world map and `geoAlbersUsa` for U.S. views—through `d3.geoPath`, with a deep blue background. Map features are drawn as white-filled, black-stroked paths, providing a clean comparison of administrative boundaries across scales.

AI-generated description

React Starter code.