Skip to main content
100%

Geo India

✓ Published0🌍 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

MIT Licensed

Similar vizzes