{"version":"1.0","type":"rich","title":"Sized Points on a Map","description":"This example displays a natural Earth projection world map with cities rendered as semi-transparent points, where point size encodes population using a square root scale. The visualization layers graticules, land masses, and country borders using `geoPath` and `geoGraticule` from D3 v5, while React manages the component state and SVG rendering. City data is loaded from a CSV file with population values, and the map uses geographic coordinates projected through `geoNaturalEarth1`. The visualization demonstrates how to combine D3’s geographic and scaling utilities within a React-based SVG scene.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/3a7456d30a584d2b826fddfe7f8317cc?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}