Skip to main content
SimilarExport ZIP
100%

India GDP across states

✓ Published0🌍 Public
JJverma
Last edited Jan 28, 2017
Created on Jan 28, 2017

A choropleth map of India displays GDP values for each state, encoded with a light-to-dark orange sequential color scale. The map is rendered as an SVG generated from GeoJSON data, with the projection created using `d3.geoMercator().fitSize()`. The data is processed through a pipeline using `geo2topo`, `topo2geo`, and `ndjson-map`, with color assignment using `d3.scaleThreshold` and the `d3.schemeOrRd` color scheme from `d3-scale-chromatic`. A separate legend SVG shows the GDP thresholds for each color bin. The final visualization presents state-level wealth distribution from the source gist.

AI-generated description

Similar vizzes

Loading thumbnail…

Country map

This visualization shows a choropleth map of India’s states, with each state filled by a distinct color from a categorical scale and labeled with its name. The map is rendered as SVG using `d3.geoPath` with a `geoMercator` projection, while state boundaries are drawn from TopoJSON data loaded from a GitHub gist. A `scaleOrdinal` with `schemeCategory10` assigns colors, and text labels are placed at each state’s centroid via `pathGenerator.centroid`.

Uubl2
79% match
Loading thumbnail…

India Map

This example displays a choropleth map of Indian states, colored with a categorical color scale and labeled with state names positioned at each region's centroid. It renders SVG paths using `d3.geoPath` with a `geoMercator` projection, and loads GeoJSON data via `d3.json` from a public gist. State boundaries are styled with orange strokes, and tooltips appear on hover via appended `title` elements. The visualization uses `scaleOrdinal` with `schemeCategory10` to assign colors to each state based on its `NAME_1` property.

Aachyutanandmishra17@gmail.com
77% match
Loading thumbnail…

India map

A choropleth map of India displays districts and states, with district boundaries colored by state and hover states highlighting individual districts. The visualization uses D3.js version 5.16 and d3-geo-projection.v2 to project TopoJSON data for India’s states and districts from GitHub sources. Tooltips reveal district names and their parent states. The map employs the Mercator projection and includes zoom functionality via event handling.

Ddheeraj1509
77% match
Loading thumbnail…

India Map

This example displays a choropleth map of India’s states, with each state filled by a distinct color from d3’s `scaleOrdinal` and `schemeCategory10`. Using topojson data loaded from a remote GitHub repository, the code projects the geometry with `d3.geoMercator` and renders it as SVG paths via `d3.geoPath`. State names are positioned at each polygon’s centroid, while hover effects and a light pink stroke are defined in the accompanying CSS. The visualization relies on the D3 v5 library and topojson for geographic feature extraction.

NNithish Kumar
77% match
Loading thumbnail…

India Map

This choropleth map visualizes the states of India, with each state filled by a distinct categorical color and labeled with its name. The map uses the Mercator projection, positioned and scaled to center the country. The example employs `d3.geoPath` to generate SVG paths from the provided GeoJSON data, leveraging a categorical color scale for fills. State name labels are placed at each region's centroid, and the entire rendering is implemented using D3 v5 within a React-based context.

Kkakumanusreya
77% match
Loading thumbnail…

India Map made ith D3

This choropleth map visualizes India’s states using D3 v5, with each state filled by a categorical color scale based on its name. A Mercator projection, configured with custom translation and scaling, renders the TopoJSON geometry as SVG paths, while state labels are placed at each path’s centroid. The code uses `d3.json`, `d3.geoPath`, `topojson.feature`, and a `scaleOrdinal` with `schemeCategory10`, with data loaded from a remote GitHub TopoJSON file.

TTusar
76% match
Loading thumbnail…

India Map made with D3

This example shows a choropleth map of India’s states, each filled with a distinct color from a categorical scale and labeled with its name. Built with D3 v5, it loads TopoJSON state boundaries and renders them as SVG paths using a Mercator projection via `d3.geoPath` and `geoMercator`. State names are placed at each path’s centroid, while `d3.scaleOrdinal` and `schemeCategory10` assign colors.

TTusar
76% match
Loading thumbnail…

Fork of Country map

This choropleth map of India displays each state as a distinct colored polygon, with state names rendered at their centroid positions. Built with D3 v5, it uses `d3.geoPath` with a Mercator projection to generate the SVG paths from a TopoJSON file containing India’s administrative boundaries. A categorical color scale colors the states, while topojson’s `feature` extracts the geometry. Text labels are placed via the path generator’s centroid method, and state borders are styled through the CSS class `states`.

Bbhargavarathod
76% match