This example demonstrates how d3-zoom can be used to add pan and zoom interactions to a map. The map shows the states of India, rendered as SVG paths using an azimuthal equal-area projection and TopoJSON data. Each state is filled with a distinct color from a categorical palette, and hovering highlights the state by raising it above its neighbors and applying a thicker stroke. The zoom behavior, constrained to a scale range of 1–8× and bounded by the viewport, is applied directly to the SVG element, with a transform on the group containing all map paths. The window resize handler recalculates the projection’s fit and updates the translate extent, demonstrating how d3-zoom integrates with dynamic map projections.