Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of React & D3 Vibecoding Starter

Public visualization

Fork of Fork of React & D3 Vibecoding Starter

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

This choropleth map colors world countries by population, using darker blues for more populous nations while unlisted countries appear gray. A legend explains the visual encoding. The example loads world-atlas TopoJSON, converts it to GeoJSON features using topojson-client, and projects the map with d3.geoNaturalEarth1 and d3.geoPath. A d3.scaleLinear maps population values to a light-to-dark color range, and SVG paths render each country with tooltips showing population figures.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed