Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of React Starter

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

f347ec73519a4a32ba4dc7973e8d4116

Open

Fork of React Starter

0 stars0🌍 Public
NNita
Last edited Feb 25, 2025
Created on Feb 25, 2025
Forked from React Starter

This interactive map of India displays each state as a colored SVG region, highlighting states and showing their names via tooltips on hover. Using React for the UI and D3.js for rendering, the map loads GeoJSON data from a remote TopoJSON repository and projects it with a Mercator projection. The code uses `d3.geoPath` for drawing shapes, `topojson.feature` for converting data, and a tooltip system driven by mouse events.

AI-generated description

D3.js Map of India in React

This project displays an interactive map of India using:

  • React for the UI framework
  • D3.js for data visualization and map rendering
  • TopoJSON for parsing map data

Features

  • Interactive state highlighting on hover
  • Tooltips showing state names
  • Responsive design that works on different screen sizes

Data Source

The map uses GeoJSON data for India's states from the deldersveld/topojson repository.