{"version":"1.0","type":"rich","title":"Sized Points on a Map","description":"This example displays a world map with cities sized by population, using a sqrt scale to encode values up to 15 pixels in radius. The map is rendered in SVG with d3.geoPath, d3.geoNaturalEarth1 for projection, and graticules for reference. City data comes from the Simplemaps World Cities Database, while country boundaries use World Atlas TopoJSON. React manages the component state and lifecycle, fetching both datasets via d3.csv and d3.json before rendering.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/81d64e79265d48e98a1fa23a5ad0b678?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}