Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

India Districts Map

Public visualization

Viewing a saved revision (read-only)

91daf7b74e7c466f82de622d20a14da2

India Districts Map

2 stars2🌍 Public
CCurran Kelleher
Last edited Oct 9, 2025
Created on Apr 2, 2025

This interactive map of India displays the country's districts as a distinct layer overlaid on a global orthographic projection. Users can pan and zoom the globe, with districts rendered in randomized HCL colors to visually differentiate regions. Built with D3 and topojson-client, the visualization uses `d3.geoOrthographic`, `d3.geoPath`, and Canvas 2D drawing to render world countries, graticule lines, and district boundaries from TopoJSON data, while drag and zoom interactions update the projection state.

AI-generated description

Interactive Global Map with India Districts

This project renders an interactive 3D globe showing countries of the world with India's districts overlaid as a separate layer.

Features

  • Interactive pan and zoom
  • World countries from topojson data
  • India districts displayed as a separate layer
  • Graticule lines for geographic reference
MIT Licensed