Fork of Fork of India Map

100%

Fork of Fork of India Map

✓ Published0🌍 Public

Last edited Nov 25, 2022

Created on Nov 25, 2022

This visualization displays a choropleth map of India’s administrative regions, with each state filled by a categorical color from d3.scaleOrdinal and labeled with its name. It uses d3.geoMercator projection and d3.geoPath to render the TopoJSON data loaded via d3.json, with the first feature removed. Text labels are positioned at each path’s centroid using pathGenerator.centroid. The map is drawn as SVG paths with styling from CSS, and labels use text-anchor middle for readability.

AI-generated description

Map Of India

MIT Licensed

Similar vizzes

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

Loading thumbnail…

Fork of Fork of India Map: ICE-8

This example displays a choropleth map of India’s administrative regions, colored with a categorical palette and labeled with state names. The visualization uses D3 v5’s `geoMercator` projection and `geoPath` to render TopoJSON boundaries, while `scaleOrdinal` and `schemeCategory10` assign fills. The code loads geographic data from a remote TopoJSON source and manipulates the feature collection by removing the first entry before drawing.

YYerlan Yeszhanov

92% match

Loading thumbnail…

Fork of Fork of India map by Praneeth

This visualization 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 uses d3.json to load a TopoJSON file, d3.geoMercator for projection, and d3.geoPath to render state boundaries as SVG paths. State colors come from d3.scaleOrdinal with schemeCategory10, and hover effects are defined in CSS. The map excludes one feature via shift() and positions text labels using pathGenerator.centroid().

KKiran Jyothi Bodduluri-11604571

92% 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

92% 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

92% 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

92% match

Loading thumbnail…

Fork of Fork of India Map

The map displays India’s administrative states, with each state filled by a categorical color and labeled with its name. The visualization uses D3 v5’s `geoMercator` projection and `geoPath` to render TopoJSON boundaries from a GitHub-hosted India states dataset. State names are positioned using `pathGenerator.centroid()`, and colored via `scaleOrdinal` with `schemeCategory10`. The code removes the first feature from the dataset before rendering, and SVG elements include interactive title tooltips.

SSam-010

91% match

Loading thumbnail…

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

This choropleth map renders the states of India as SVG paths, with each state colored by a categorical scale and labeled with its name at the path centroid. The visualization uses d3.json to load TopoJSON state boundaries, then converts them with topojson.feature and projects them using d3.geoMercator. d3.geoPath generates the path data, while d3.scaleOrdinal and d3.schemeCategory10 assign fill colors. State names are placed via d3.geoPath.centroid, and the first feature is removed from the dataset before rendering.

Bbindhureddy98

91% match