Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of React & D3 Vibecoding Starter

Public visualization

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

Comments

Sign in to join the discussion.

MIT Licensed