Skip to main content
SimilarExport ZIP
100%

Fork of Fork of India Map

✓ Published6🌍 Public
SSam-010
Last edited Sep 27, 2022
Created on Sep 27, 2022
Forked from 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.

AI-generated description

Map Of India

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of IndiaMap

This visualization displays a color-coded map of India’s states, with each state labeled by name and rendered using D3’s `geoMercator` projection and `geoPath` generator. State boundaries are drawn with a white stroke, and hovering over a state fills it white. The code loads TopoJSON data from a GitHub gist, applies a `scaleOrdinal` with `schemeCategory10` for fill colors, and positions state name labels at path centroids. It uses D3 v5, TopoJSON, and renders to SVG within a React project.

KKinjal-Goyani
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
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
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 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
93% match
Loading thumbnail…

Fork of Fork of India Map: ICE-8

This visualization displays a map of India with its states, each filled with a distinct categorical color and labeled with state names positioned at their centroids. It uses a Mercator projection configured with specific translation and scaling to focus the geographic region. The code loads TopoJSON state boundaries from a GitHub repository, then leverages d3’s `geoPath` projection generator to render the SVG paths, with `scaleOrdinal` and `schemeCategory10` for coloring. State names are drawn as SVG text elements at each polygon’s centroid.

KKinjal-Goyani
93% match
Loading thumbnail…

Fork of India Map

This fork of an India map visualizes state-level boundaries with each state colored using a categorical color scale, and labels placed at state centroids. The code loads TopoJSON data from a remote source, converts it to GeoJSON using `topojson.feature`, and renders SVG paths via `d3.geoPath` with a `geoMercator` projection. State names are added as SVG text elements positioned with `pathGenerator.centroid`, and hover effects are styled in CSS.

RRupeshGandham
93% 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
93% match