Viewing a saved revision (read-only)
502a4b1a6903410b909e0ef2b2147326
Map of India - States and Union Territories
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 descriptionIndia Map Visualization
This visualization displays an interactive map of India showing all states and union territories.
Features
- Color-coded states and union territories
- Interactive hover effects with tooltips
- State/UT labels
- Zoom and pan functionality
- Filter functionality to search for specific states
- 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
- Use the search box to filter states by name
- Click the "Reset" button to clear the filter
- Scroll to zoom and drag to pan the map