Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Map

Public visualization

World Map

0 stars4🌍 Public
MMatias Conde
Last edited Oct 12, 2023
Created on Oct 3, 2023
Forked from Stacked Bar Chart

This example visualizes global population distribution by rendering a world map with cities represented as scaled circles. The map displays land masses, graticules, and country borders, while city markers use a square-root scale to encode population size. The visualization is built with React and D3 v5, using `geoNaturalEarth1` projection via `d3.geoPath` and topojson data from the world-atlas package. Population data comes from a CSV of world cities, with React hooks managing asynchronous data loading.

AI-generated description

A program that loads in some data CSS Named Colors using D3 utilities and uses React state to Keep track of the data.

Comments

Sign in to join the discussion.

MIT Licensed