Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Country Map - India

Public visualization

Viewing a saved revision (read-only)

e5b83359a488461fa020a786ade5c5cd

Country Map - India

0 stars4🌍 Public
SSravan1888
Last edited Apr 5, 2022
Created on Apr 5, 2022
Forked from D3 Starter

The map displays the states of India, and clicking a state zooms into that region to reveal its districts. Built with React and D3 v6, it uses `geoMercator` and `geoPath` to project and render GeoJSON features as SVG paths. A custom zoom transform, driven by `d3.zoom` and `transition().duration()`, animates the view, while TopoJSON source data is fetched via `d3.json` and processed with `topojson.feature`. The visualization demonstrates interactive state-to-district drill-down navigation.

AI-generated description