Fork of Fork of Map of India - States and Union Territories

100%

Fork of Fork of Map of India - States and Union Territories

✓ Published0🌍 Public

Last edited Aug 1, 2025

Created on Aug 1, 2025

Forked from Fork of Map of India - States and Union Territories

An interactive choropleth map displays India's states and union territories, with each region color-coded by type (blue for states, orange for union territories). Users can hover over regions to see a tooltip with capital and region, click to zoom and reveal detailed statistics in a side panel, and search or filter by region or administrative type. The map uses D3.js v7 with the `d3.geoMercator` projection and `d3.geoPath` for rendering, pulling GeoJSON data from a GitHub repository, and includes zoom/pan interactions and a fullscreen toggle.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Map of India - States and Union Territories

This interactive map of India displays all states and union territories, color-coded by region type. Users can hover over regions to see tooltips, click to select and view details in an info panel, search for specific areas, and zoom and pan the map. Built with D3.js v5, it uses `d3.geoMercator()` and `d3.geoPath()` to render GeoJSON data from the geohacker/india repository, with `d3.zoom` for navigation and SVG animations for transitions.

NNita

95% match

Loading thumbnail…

Fork of Fork of Map of India - States and Union Territories

This interactive visualization displays a color-coded map of Indian states and union territories, distinguishing the two region types with distinct fill colors. Users can hover, click, zoom, and pan across the map, with tooltips and a side panel showing details for selected regions. The visualization uses React with D3.js APIs including `d3.geoMercator`, `d3.geoPath`, and `d3.zoom` to render GeoJSON data from a GitHub-hosted india_state.geojson file. State labels position themselves at path centroids, and zoom interactions dynamically adjust their font size.

NNita

93% match

Loading thumbnail…

Fork of Map of India - States and Union Territories

An interactive map of India visualizes all states and union territories, with click-to-select details, hover tooltips, zoom and pan controls, search, and type/region filtering. Built with D3 v7, it renders geographic boundaries from GeoJSON using `d3.geoMercator` and `d3.geoPath`, applies zoom via `d3.zoom`, and dynamically layers labels over an SVG canvas. A statistics panel and legend enrich the experience, while tooltips and state information pull from a curated dataset.

NNita

93% match

Loading thumbnail…

Fork of Map of India - States and Union Territories

This interactive map of India visualizes all states and union territories as color-coded SVG regions, distinguishing union territories with a distinct color and displaying state names as labels. Users can hover to see tooltips, click to zoom into a specific state via a smooth transition, and pan using d3.zoom. The map loads GeoJSON data from an external repository, renders paths with d3.geoPath, and includes zoom controls and a legend panel. The implementation relies on d3.js version 5 and the d3-zoom API.

NNita

92% match

Loading thumbnail…

Fork of Fork of Fork of Map of India - States and Union Territories

This interactive map of India displays states and union territories as color-coded, clickable SVG paths, using a Mercator projection created with `d3.geoMercator` and rendered through `d3.geoPath`. Built with React and D3.js, it loads GeoJSON data from a GitHub repository, enabling users to hover for tooltips, click for state details, and zoom or pan using `d3.zoom`. The map distinguishes regions by color and includes animated label resizing during zoom interactions.

NNita

91% match

Loading thumbnail…

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.

NNita

87% match

Loading thumbnail…

Fork of Fork of Fork of India Map

This visualization displays a choropleth map of India's states, with each state filled by a categorical color scheme and labeled with its name. The map uses D3's geoMercator projection, geoPath for rendering state boundaries, and topojson to parse the GeoJSON data from a GitHub repository. State labels are positioned at each region's centroid.

Ppaudelrp

87% match

Loading thumbnail…

Fork of India Map

This visualization displays a choropleth map of India with its districts and states, rendered using the Mercator projection and geographic path generation. It overlays district boundaries colored by state using `d3.scaleOrdinal` with `schemeCategory10`, while state borders are stroked in black, and hovering highlights districts in dark blue. The map supports interactive zooming via `d3.zoom`, with district and state data loaded from GeoJSON and TopoJSON sources, and uses SVG paths for rendering.

GGogineni44

87% match