Skip to main content
SimilarExport ZIP
100%

Fork of Fork of India Map

✓ Published1🌍 Public
NNICHAPA
Last edited Jul 26, 2023
Created on Jul 26, 2023
Forked from Fork of India Map

This example displays a choropleth map of Indian states, coloring each region with a distinct category color and labeling it with the state name. It loads India’s state boundaries from a TopoJSON file via `d3.json`, then converts and projects the data using `topojson.feature` and a `d3.geoMercator` projection. The map is rendered as SVG paths with `d3.geoPath`, and a D3 ordinal scale with `schemeCategory10` assigns fills. State labels are placed at path centroids.

AI-generated description

Map Of India

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Fork of India Map

This example displays a choropleth map of Indian states, with each state filled by a distinct color from a categorical scale and labeled with its name. It uses a Mercator projection configured through `d3.geoMercator` and renders geographic features via `d3.geoPath`. State boundaries and names come from a TopoJSON file loaded with `d3.json`, processed through `topojson.feature`, and drawn as SVG paths. The code assigns colors using `d3.scaleOrdinal` with `schemeCategory10`.

EEeshwarReddy
95% match
Loading thumbnail…

Fork of India Map

This example renders a choropleth map of Indian states using D3 v5 and TopoJSON, with each state colored by a categorical color scale and labeled with its name at the centroid. The visualization uses a geoMercator projection and d3.geoPath to draw state boundaries from the external TopoJSON source, while d3.scaleOrdinal and schemeCategory10 assign colors. State names are positioned using pathGenerator.centroid, and hover effects are not implemented.

Vvamshisoletii
95% match
Loading thumbnail…

Fork of Fork of India Map

This example displays a choropleth map of Indian states, with each state filled by a categorical color and labeled with its name at its centroid. The visualization uses a Mercator projection and renders the geometry as SVG paths via `d3.geoPath`. State boundaries and names come from a TopoJSON file loaded with `d3.json` and processed through `topojson.feature`. Color encoding is handled by `d3.scaleOrdinal` with `schemeCategory10`, while `d3.selectAll` appends both paths and text labels to the SVG canvas.

HHieuVu179
95% match
Loading thumbnail…

Fork of India Map

This example displays a choropleth map of India’s states, colored with d3.scaleOrdinal and schemeCategory10, with each state labeled by name. It uses d3.geoMercator projection, d3.geoPath, and topojson.feature to render state boundaries from a TopoJSON file of India’s administrative regions. The first feature is removed with shift(), and state names are placed at each polygon’s centroid. SVG paths and text elements are generated via data joins, with titles appended for tooltip support.

RRupeshGandham
94% match
Loading thumbnail…

Fork India map

This example displays a choropleth map of India, with each state filled by a categorical color scale and labeled with its name. Using D3 v5, the map is rendered as SVG paths generated by `d3.geoPath` with a `geoMercator` projection. The code loads TopoJSON data from the world-atlas package, specifically targeting the `india-districts-2019-734` object, and assigns colors via `scaleOrdinal` with `schemeCategory10`. State labels are positioned at each path’s centroid using `pathGenerator.centroid`.

SSreejaBellamkonda
93% match
Loading thumbnail…

Fork of Fork of Fork of India Map

A choropleth map of India renders each state as a filled SVG path, with colors assigned via d3.scaleOrdinal and d3.schemeCategory10. State names appear as SVG text labels positioned using d3.geoPath.centroid. The code loads TopoJSON state boundaries from a GitHub repository, projects them with d3.geoMercator, and uses d3.json, d3.geoPath, and topojson.feature to process the data.

DDhiva21
93% match
Loading thumbnail…

Fork of Fork of Fork of India Map

A choropleth map of India's states, colored by state name using a categorical color scale, displays each state's name as a text label at its centroid. The map uses a Mercator projection applied via D3's `geoMercator` and `geoPath` to render SVG paths from TopoJSON data, specifically from a GitHub-hosted India states TopoJSON file. The code selects an SVG element, processes the TopoJSON features with `topojson.feature`, and applies D3 v5 APIs including `scaleOrdinal` and `schemeCategory10` for coloring.

Vvamshisoletii
93% match
Loading thumbnail…

Fork of Fork of India Map

This visualization shows a choropleth map of India with each state filled by a distinct color from a categorical scale, plus state names overlaid at their geographic centroids. The map uses a Mercator projection positioned with specific translation and scale values, and the code loads India’s state boundaries as TopoJSON from a raw GitHub repository. Using d3.geoPath and d3.geoMercator, it renders the shapes as SVG paths, while d3.scaleOrdinal with schemeCategory10 assigns fill colors, and text elements are placed using pathGenerator.centroid. The topojson library converts the TopoJSON data into GeoJSON features.

AAbdouEnsaj
93% match