Skip to main content
SimilarExport ZIP
100%

Fork of Fork of India map by Praneeth

✓ Published0🌍 Public
KKiran Jyothi Bodduluri-11604571
Last edited Mar 29, 2023
Created on Mar 29, 2023

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().

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
94% match
Loading thumbnail…

Fork of India map by Praneeth

This choropleth map of India visualizes the country’s first-level administrative divisions, with each state or union territory filled by a categorical color and labeled with its name. The visualization uses D3 v5 to load geographic data from an external JSON file, projecting the geometries with `geoMercator` and rendering them as SVG paths via `geoPath`. State names are placed at path centroids using the projection’s centroid calculation. The map relies on the `topojson` library to convert the GeoJSON features into renderable shapes, with a hover effect that highlights individual states in white.

PPran6728
94% 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
94% 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 Map of India with D3 - chloropleth map

This choropleth map displays the states of India, each filled with a distinct color from a categorical scale and labeled with its name. The visualization uses D3 v5 and TopoJSON to load and render state boundaries from a GitHub-hosted TopoJSON file. SVG paths are generated with `d3.geoPath` and a Mercator projection, with state labels positioned using `pathGenerator.centroid`. The code assigns fill colors via `scaleOrdinal` and `schemeCategory10`, and applies static styling through CSS classes.

Bbindhureddy98
93% match
Loading thumbnail…

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

This choropleth map displays the states of India, each filled with a distinct color from a categorical scale and labeled with its name. The visualization uses D3 v5 and TopoJSON to load and render state boundaries from a GitHub-hosted TopoJSON file. SVG paths are generated with `d3.geoPath` and a Mercator projection, with state labels positioned using `pathGenerator.centroid`. The code assigns fill colors via `scaleOrdinal` and `schemeCategory10`, and applies static styling through CSS classes.

Bbindhureddy98
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
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