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)

33f0e99a21c747cca44f0e9afb372f9a

Fork of React & D3 Vibecoding Starter

0 stars1🌍 Public
Ssaisanthoshravula@my.unt.edu
Last edited Nov 3, 2025
Created on Nov 3, 2025

This choropleth map visualizes world population data by country, where darker blue tones correspond to higher population figures. The visualization uses a Natural Earth projection via `d3.geoNaturalEarth1`, with country boundaries drawn using `d3.geoPath` and rendered as SVG paths. Population values are matched to country names from the world-atlas TopoJSON source, then mapped to a color scale using `d3.scaleLinear` from light to dark blue. The code loads world-atlas data via TopoJSON and processes it with `feature` from the topojson-client library to convert it to GeoJSON features for rendering.

AI-generated description