Geo India
✓ Published0🌍 Public
VVikil Lakkavatri
Last edited Feb 25, 2023
Created on Feb 25, 2023
Forked from react first level drilldown map using zoom
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 descriptionreact first level drilldown map using zoom
MIT Licensed