Skip to main content
SimilarExport ZIP
100%

Fork of Assignment_8_Making maps

✓ Published0🌍 Public
Ssravya7136@gmail.com
Last edited Nov 9, 2025
Created on Nov 9, 2025

A choropleth map of India colors each state by its poverty rate, measured as the headcount ratio percentage, using a sequential yellow-to-red color scale with gray for missing data. The visualization loads Indian state boundaries from a TopoJSON file and joins them with poverty data from a CSV. The code uses d3.geoPath with a Mercator projection to draw the SVG paths, plus d3.scaleSequential and d3.axisBottom for a horizontal legend, with hover tooltips via SVG title elements.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of map ice 8

This choropleth map shows poverty headcount ratios across Indian states, using a sequential YlGnBu color scale to encode percentages. Built with D3.js, it loads TopoJSON state boundaries and CSV poverty data, then renders them via a Mercator projection and `d3.geoPath`. Hovering reveals state names and exact poverty percentages in a tooltip, while a gradient legend with an axis provides context. States missing data appear gray. The code uses `d3.scaleSequential` for color mapping, `topojson.feature` for geometry conversion, and `d3.axisBottom` for the legend ticks.

Ssravya7136@gmail.com
90% match
Loading thumbnail…

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

This choropleth map of India uses a sequential color scale to encode each state with a distinct category color and labels each state with its name. The visualization relies on TopoJSON data for Indian state boundaries, which is projected and rendered using `d3.geoMercator` and `d3.geoPath`. The code filters out the first feature from the dataset before drawing the SVG paths, applies `d3.scaleOrdinal` with `schemeCategory10` for fills, and positions text labels at path centroids using `pathGenerator.centroid`.

Bbhargavarathod
85% 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
85% 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
85% 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
85% 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
84% match
Loading thumbnail…

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

This choropleth map displays the states of India, with each state filled by a categorical color and labeled with its name. It uses D3 v5 with a geoMercator projection and d3.geoPath to render TopoJSON state boundaries from a GitHub-hosted dataset. State names are positioned at path centroids, while d3.scaleOrdinal with schemeCategory10 assigns fill colors. The initial feature is removed from the data, and the SVG renders both shapes and text labels.

RRahulSai05
84% match
Loading thumbnail…

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

A choropleth map of India displays each state as a colored SVG path, with state names labeled at path centroids. The visualization uses D3 v5’s `d3.geoMercator` projection and `d3.geoPath` to render TopoJSON data from a remote GitHub repository. State colors are assigned via `d3.scaleOrdinal` with `schemeCategory10`, while `topojson.feature` extracts the geographic shapes. The code excludes the first feature, presumably to remove a national boundary, and appends hover-less, static text labels for each state.

Nnagamaheswar
84% match