🌍 Public
Viewing a saved revision (read-only)
8d88eac1d9164061bcc9e8b13866274d
World Map with Cities Size
This example presents a world map with circles sized proportionally to city populations, using an equirectangular projection. The visualization layers country landmasses, interior boundaries, and graticules from World Atlas TopoJSON data, with city positions plotted from latitude and longitude coordinates. The code uses d3.geoPath for map rendering, d3.scaleSqrt for circle sizing, and React hooks to load CSV city data and TopoJSON topology. All marks render as SVG elements within a React component structure, with styling applied through CSS classes.
AI-generated descriptionA world map showing country boundaries from World Atlas TopoJSON, polished for visual style, including graticules.