Skip to main content
SimilarExport ZIP
100%

ICE 8 : Country map -India

✓ Published0🌍 Public
Rrallabandisushen@gmail.com
Last edited Apr 13, 2023
Created on Apr 13, 2023

This visualization displays a choropleth map of India, using two TopoJSON datasets for district and state boundaries. The map is rendered with SVG paths using the `d3.geoPath` and `d3.geoMercator` projection, with districts colored by a categorical scale via `scaleOrdinal` and `schemeCategory10`. Hovering over a district turns it dark green. The state boundaries are overlaid as a separate layer with black strokes, and the map includes zoom functionality.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE8 - India map

This visualization displays a choropleth map of India, with each district and state boundary rendered as SVG paths. District polygons are filled with colors from `d3.scaleOrdinal` and `schemeCategory10`, while state outlines appear in green with hover effects turning districts black. The map uses `d3.geoMercator` projection and `d3.geoPath` to render TopoJSON data for districts and states. Users can pan and zoom via `d3.zoom`, with tooltips showing district and state names on hover.

Aavnreddy95
94% match
Loading thumbnail…

ICE 8 - Country Map

This visualization displays a choropleth map of India, with each state filled using a categorical color scheme. It uses `d3.geoMercator` projection and `d3.geoPath` to render the geographic boundaries, with `d3.scaleOrdinal` and `d3.schemeCategory10` for coloring. The map loads TopoJSON data from a GitHub gist via `topojson.feature` and renders as SVG. Hovering over a state turns it orange via CSS, while a title attribute reveals the state’s interpolated color value.

SSheela2930
92% match
Loading thumbnail…

ICE - 8 : India Map

This visualization displays a choropleth map of India, with each state filled by a distinct color from a categorical scale based on its name. The map renders as an SVG using D3 v5, with geographic paths generated via `d3.geoPath` and a `geoMercator` projection. State boundaries come from a TopoJSON file parsed with `topojson.feature`, and hover interactions change the fill color through CSS.

MMahitha-Moparthi
91% match
Loading thumbnail…

ICE 8 country map

This choropleth displays a map of India, with each state filled using the `d3.scaleOrdinal` and `d3.schemeCategory10` color scheme. The map is rendered as SVG paths, generated via `d3.geoPath` and `d3.geoMercator` projection. Hovering over a state turns it orange, as defined by the `.country:hover` CSS rule. The geographic data itself comes from a TopoJSON file fetched from a GitHub gist, which is parsed using the `feature` function from the `topojson` library.

Ssaivinay143
91% match
Loading thumbnail…

ICE 8 : Country map -India

The map displays India’s states and districts, colored by state via a categorical scale, with zoom and pan support. It loads TopoJSON data for both administrative levels and renders them as SVG paths using `d3.geoPath` and `geoMercator`. Hovering over a district reveals a tooltip with its name and state. The code uses D3 v5, `topojson.feature`, and `d3.zoom` to enable interaction.

SShreeti Upreti
90% match
Loading thumbnail…

Country map ICE-8

A choropleth map of Indian states renders each region in a distinct categorical color, with state names shown as hover titles. The visualization uses d3.geoMercator for projection and d3.geoPath to generate SVG paths from TopoJSON data. State boundaries are stroked in black for clarity, while d3.scaleOrdinal with schemeCategory10 assigns the fill colors. The code loads the India states TopoJSON from a remote URL and removes the first feature before rendering.

Ppethavenu
90% match
Loading thumbnail…

Fork of ICE 8 : Country map -India

This visualization displays a choropleth map of India, with each district colored by its state. The map renders state and district boundaries as SVG paths, and hovering over a district highlights it in dark green. Built with React, the code uses D3’s `geoPath`, `geoMercator`, and `scaleOrdinal` to project TopoJSON data from deldersveld and datameet, with zoom functionality enabled.

Rrallabandisushen@gmail.com
90% match
Loading thumbnail…

ICE-8 INDIA

This visualization displays an SVG map of India with all states colored using D3’s `scaleOrdinal` and `schemeCategory10`, and labels each state name at its centroid via `d3.geoPath().centroid`. It loads TopoJSON state boundaries from a remote GitHub source, projecting them with `geoMercator`. State paths receive black strokes from CSS, while hover titles show names using appended `title` elements. The code uses `topojson.feature`, `d3.json`, and `d3.selectAll` to render the choropleth-style static map.

HHarshinireddyy19
90% match