Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Map with React & D3

Public visualization

Viewing a saved revision (read-only)

c9f544d50d6846e0b1672efc078f7dd6

Map with React & D3

0 stars3🌍 Public
AAnimesh Nautiyal
Last edited Oct 14, 2020
Created on Oct 14, 2020

This example renders a choropleth map of India using React and D3. It displays state boundaries as SVG paths, filled with a teal color, against the full browser viewport. The map is projected using `d3.geoMercator` and drawn with `d3.geoPath`, while TopoJSON data is fetched from a remote gist and converted to GeoJSON via the `feature` function. React components manage the data loading lifecycle and render the SVG elements, with D3 handling the geographic calculations.

AI-generated description

Map