This interactive map of India shows district-level boundaries colored by state, with state outlines overlaid in black. Users can pan and zoom via the d3.zoom API, which applies a transform to the SVG group containing all map elements. The visualization loads TopoJSON data for both states and districts, then renders paths using d3.geoPath with a geoMercator projection. District colors are assigned via a d3.scaleOrdinal, and hover states change the fill through CSS.