Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Map of India - States and Union Territories

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

d7d2c8098c44491090903165d61de6e0

Open

Map of India - States and Union Territories

0 stars3🌍 Public
NNita
Last edited Feb 27, 2025
Created on Feb 27, 2025
Forked from ICE - 8 - Map

This interactive map of India displays all states and union territories, color-coded by region type and rendered as an SVG using D3.js v5 and GeoJSON data from a public GitHub repository. Users can hover over regions to see tooltips, click to access a details panel, search for specific areas, and use zoom and pan controls powered by d3.zoom. The map uses d3.geoMercator projection and d3.geoPath for rendering, with state highlighting and dimming effects for visual feedback.

AI-generated description

India Map Visualization

This visualization displays an interactive map of India showing all states and union territories.

Features

  • Color-coded states and union territories using a harmonious color palette
  • Interactive hover effects with tooltips
  • State/UT labels
  • Zoom and pan functionality
  • Responsive design for different screen sizes

Data Source

The map uses GeoJSON format data from: https://raw.githubusercontent.com/geohacker/india/master/state/india_state.geojson

Technology

  • HTML, CSS, JavaScript
  • D3.js for visualization
  • GeoJSON for map data

How to Use

  • Hover over any state to see its name in a tooltip
  • Scroll to zoom and drag to pan the map