Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

India Map

Public visualization

Viewing a saved revision (read-only)

23cbbe96ff56411c835dd1cb6b7c804b

India Map

0 stars0🌍 Public
AArun Pratap
Last edited Jul 21, 2023
Created on Jul 21, 2023

This interactive map of India renders each state as a filled SVG path, with state names overlayed at their geographic centroids. The visualization uses D3's `geoMercator` projection and `geoPath` to generate the map geometry from a GeoJSON file containing `IND_adm1` administrative boundaries. Each state is colored using D3's `scaleOrdinal` with `schemeCategory10` palette, and hovering turns a state white. The vector data is processed through the TopoJSON library's `feature` function, with the map positioned and scaled via explicit projection translations.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.