Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Map- 1

Public visualization

Viewing a saved revision (read-only)

4e14fd3ed9724b20846b06fd4cc73afb

Map- 1

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

This example shows a choropleth map of India displaying the rate of missing children per 100,000 population for each state in 2021, using a yellow-orange-red color scale to indicate intensity. Hovering over a state reveals a tooltip with its name and data value. The visualization uses the D3.js `geoMercator` projection, `geoPath` for rendering, and `scaleSequential` for coloring, with state interactivity handled through `.on("mouseover")` events. Geographic boundaries come from an external GeoJSON source, while crime statistics are hardcoded in a JavaScript array.

AI-generated description

React Starter code.