Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of Map of India with D3 - chloropleth map

Public visualization

Fork of Fork of Map of India with D3 - chloropleth map

0 stars0🌍 Public
Aadewole-top
Last edited Oct 14, 2021
Created on Oct 14, 2021

This choropleth map of India renders state boundaries as SVG paths, with each state filled using a categorical color scale and labeled with its name at the path centroid. The visualization loads GeoJSON from a GitHub gist, then uses `d3.geoMercator` with a custom translation and scale, `d3.geoPath`, and TopoJSON’s `feature` method to generate the shapes. State names appear as SVG text elements positioned via the path generator’s centroid function, while CSS styling adds black stroke outlines and hover effects.

AI-generated description

The map of India - my country

Comments

Sign in to join the discussion.

MIT Licensed