Skip to main content
SimilarExport ZIP
100%

Fork of Map

✓ Published0🌍 Public
Ssushmitha bungatavula
Last edited Nov 2, 2025
Created on Nov 1, 2025
Forked from Map

This choropleth map visualizes estimated annual film production counts for Indian states, using a Mercator projection centered on the country. Each state’s fill color derives from a sequential orange-red color scale, with white strokes separating boundaries. The visualization uses `d3.geoPath` and `d3.geoMercator` for geographic rendering, `topojson-client` to parse the TopoJSON source, and `d3.scaleSequential` for color mapping. Interactive tooltips reveal the state name and its film count on hover, using D3’s event listeners and HTML styling.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Fork of India Map

This example displays a choropleth map of Indian states, with each state filled by a distinct color from a categorical scale and labeled with its name. It uses a Mercator projection configured through `d3.geoMercator` and renders geographic features via `d3.geoPath`. State boundaries and names come from a TopoJSON file loaded with `d3.json`, processed through `topojson.feature`, and drawn as SVG paths. The code assigns colors using `d3.scaleOrdinal` with `schemeCategory10`.

EEeshwarReddy
84% match
Loading thumbnail…

Fork of Fork of India Map

This example displays a choropleth map of Indian states, with each state filled by a categorical color and labeled with its name at its centroid. The visualization uses a Mercator projection and renders the geometry as SVG paths via `d3.geoPath`. State boundaries and names come from a TopoJSON file loaded with `d3.json` and processed through `topojson.feature`. Color encoding is handled by `d3.scaleOrdinal` with `schemeCategory10`, while `d3.selectAll` appends both paths and text labels to the SVG canvas.

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

Fork of Map of India

This example shows a choropleth-style map of Indian states, colored by a categorical scale and labeled with state names. It loads population data from a CSV and geographic boundaries from a TopoJSON file, then joins them by state ID using `Promise.all`. The visualization uses `d3.geoMercator` for projection, `d3.geoPath` to render SVG paths, and `d3.scaleOrdinal` with `schemeCategory10` for coloring. Hover effects are applied to state paths via the `.states` CSS class, while tooltips display state names using SVG `<text>` elements.

NNita
83% match
Loading thumbnail…

Fork of Map of India with D3 - chloropleth map

This example shows a choropleth map of India’s states, with each state filled by a categorical color scale and labeled by name at its centroid. The visualization uses D3 v5’s `geoMercator` projection, `geoPath`, and `scaleOrdinal` to render the SVG paths. TopoJSON data from a remote GitHub source is parsed with `feature` to draw state boundaries, while state names are positioned using `pathGenerator.centroid`. The map omits the first feature from the dataset, likely removing a national outline or disputed region.

NNita
82% 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
82% 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
82% 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
82% match