Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE-8 Q 1.2

Public visualization

Viewing a saved revision (read-only)

394bb43c0c974784b459a78a65c681f5

ICE-8 Q 1.2

0 stars1🌍 Public
117761A04F1
Last edited Mar 28, 2023
Created on Mar 26, 2023

This example renders a choropleth map of India using D3.js v5 and TopoJSON, with each state colored via a categorical scale and labeled with its name. The map uses a Mercator projection and d3.geoPath to draw state boundaries as SVG paths, while state names are positioned using pathGenerator.centroid. The data comes from a remote India GeoJSON file, and the visualization highlights interactivity through a CSS hover effect that turns filled states white.

AI-generated description

Map Of India