Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of React & D3 Vibecoding Starter

Public visualization

Viewing a saved revision (read-only)

a62f739b8e08489788729d65d63a3486

Fork of React & D3 Vibecoding Starter

0 stars0🌍 Public
SSathviKankanala@my.unt.edu
Last edited Nov 11, 2025
Created on Nov 11, 2025
Forked from HTML Starter

This choropleth world map visualizes population data for nine countries, using darker blue shades to represent higher populations. It loads country boundaries from the world-atlas TopoJSON dataset, converts them to GeoJSON with topojson-client’s feature function, and renders them as SVG paths via d3.geoPath with a Natural Earth projection. A d3.scaleLinear color scale maps population values to a light-to-dark blue range, and each country includes an SVG title tooltip showing the name and population in millions.

AI-generated description