Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE8-world-map

Public visualization

ICE8-world-map

0 stars0🌍 Public
SSai Charan
Last edited Nov 9, 2025
Created on Nov 9, 2025
Forked from React & D3 Starter

This world map visualizes population values for 20 countries using a sequential blue color scale, with lighter shades for smaller populations and darker shades for larger ones. Hovering over a country displays a tooltip with its name and population. The visualization uses d3.geoNaturalEarth1 for projection, d3.geoPath for rendering SVG paths from TopoJSON data, and d3.scaleSequential with d3.interpolateBlues for coloring. Population data comes from a local CSV file, while country boundaries load from the world-atlas TopoJSON collection.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed