Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Assignment_8_Making maps

Public visualization

Viewing a saved revision (read-only)

dd2a64462ecc4afd8312b2f37e73e85b

Assignment_8_Making maps

0 stars3🌍 Public
Ssaisowjanyaedupuganti.24f@gmail.com
Last edited Nov 7, 2025
Created on Nov 7, 2025
Forked from React & D3 Starter

This map of India displays city-level literacy rates as scaled green circles over a light green country outline. Each circle’s radius encodes the literacy percentage, with a small legend showing representative values. The visualization loads TopoJSON country boundaries from world-atlas and a CSV of city coordinates and literacy data, then projects them using `d3.geoMercator` and `d3.geoPath`. Circle sizes are computed with `d3.scaleLinear`, and tooltips are added via SVG `title` elements.

AI-generated description