Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Geo India

Public visualization

Viewing a saved revision (read-only)

0732f336457b4baa865f1ae7da007c97

Geo India

0 stars0🌍 Public
VVikil Lakkavatri
Last edited Feb 25, 2023
Created on Feb 25, 2023

Geo India is an interactive choropleth map that visualizes Indian state and district boundaries, allowing users to drill down from a national overview to a specific state by clicking on it. Built with React and D3, the map uses `d3.geoMercator` for projection and `d3.geoPath` to render TopoJSON features from two remote datasets. Clicking a state triggers a smooth `d3.zoom` transition, scaling and translating the SVG view to focus on the selected region, which then re-renders with district-level polygons. The animation lasts 500 milliseconds, and the map supports pan and zoom up to an 8x scale.

AI-generated description

react first level drilldown map using zoom