JSON file for rendring d3js map of India. No license is needed to use this file, but the data here is only for representation purposes and solves my use-case. It may not statistically or geographically accurate and I am not responsible for any issues arising out of these inaccuracies

India Map made ith D3

This choropleth map visualizes India’s states using D3 v5, with each state filled by a categorical color scale based on its name. A Mercator projection, configured with custom translation and scaling, renders the TopoJSON geometry as SVG paths, while state labels are placed at each path’s centroid. The code uses `d3.json`, `d3.geoPath`, `topojson.feature`, and a `scaleOrdinal` with `schemeCategory10`, with data loaded from a remote GitHub TopoJSON file.

TTusar

Map of India with D3 - chloropleth map

This choropleth map of India colors each state using D3’s `scaleOrdinal` and `schemeCategory10`, with state names placed at the centroid of each polygon via `geoPath.centroid`. It uses the `geoMercator` projection, `topojson.feature` to parse India’s states from a TopoJSON file, and renders SVG paths with black strokes between states. The map loads data from a remote TopoJSON source and appends interactive tooltips using SVG `<title>` elements.

RRavi Teja Bonam

Country map using d3.js

This example displays a choropleth map of India, with each state rendered as a green SVG path against a black background. It uses D3’s `geoMercator` projection and `geoPath` generator to create the geographic outlines. State boundaries are drawn from a TopoJSON file fetched from a GitHub repository, processed with the `topojson.feature` function. The map is built entirely with SVG elements, and the overall shape is outlined using a sphere path, while state paths are appended dynamically after the data loads.

Ss-pranathi

Map of India with D3

This example displays a choropleth map of India’s states, with each state filled by a categorical color and labeled with its name at the centroid. It loads TopoJSON data from a GitHub repository and renders it as SVG paths using `d3.geoPath` with a `geoMercator` projection. State names are drawn as SVG text elements positioned via `pathGenerator.centroid`. The code also applies `scaleOrdinal` with `schemeCategory10` for coloring and relies on the `topojson` library to convert the TopoJSON features.

NNita

India Map with d3.js

This example renders a choropleth-style map of India using the D3.js library. It loads GeoJSON data from a remote TopoJSON repository and projects it with a Mercator projection, using `d3.geoMercator` and `d3.geoPath`. The SVG output displays each state as a path with gray fill and dark stroke, sized to an 800x600 viewport.

VVenkat-Sumith-Thota

India Map made with D3

This example shows a choropleth map of India’s states, each filled with a distinct color from a categorical scale and labeled with its name. Built with D3 v5, it loads TopoJSON state boundaries and renders them as SVG paths using a Mercator projection via `d3.geoPath` and `geoMercator`. State names are placed at each path’s centroid, while `d3.scaleOrdinal` and `schemeCategory10` assign colors.

TTusar

country map

This example displays a choropleth map of India, rendering each state as a distinct colored path using geographic features loaded from a GitHub gist. The visualization employs a Mercator projection via `d3.geoMercator` and converts TopoJSON data to GeoJSON features with the `topojson.feature` function. Each state is drawn as an SVG path generated by `d3.geoPath`, with fill colors assigned from `d3.scaleOrdinal` and `schemeCategory10`. The map includes a title and uses hover styling, with all rendering handled through React and D3 v5.

Nnagarjuna1968

India map using Topojson

This visualization depicts India’s states using a Mercator projection and TopoJSON data from a GitHub gist. The code loads the data via `d3.json`, converts it with `topojson.feature`, and renders the paths using `d3.geoPath`. Each state is filled with a distinct color from a custom ordinal scale, and hover interactions are styled through CSS. The map is built with D3 v5 and the `d3-geo-projection` library.

PPriyaEnuganti