Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE-8:World Map of Different cites and Loacations

Public visualization

ICE-8:World Map of Different cites and Loacations

0 stars0🌍 Public
Vvinodreddysagam929@gmail.com
Last edited Apr 2, 2024
Created on Apr 2, 2024
Forked from World Map

This map visualizes global population distribution across cities, using circle size to represent relative population counts on an equal-area projection. Built with React and D3, the example loads world land geometries and city coordinates, then renders landmasses, graticules, and sphere boundaries via `d3.geoPath` and `d3.geoNaturalEarth1`. City data is fetched as CSV and processed with `d3.csv`, with circle radii scaled by the square root of population. The visualization uses SVG output, with styling defined in CSS for land, ocean, and city markers.

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