{"version":"1.0","type":"rich","title":"Circles on Map","description":"This example visualizes global population data by drawing semi-transparent circles on a natural Earth projection map. Each circle is positioned at a country's centroid using `d3.geoCentroid` and scaled in radius according to 2018 population figures via `d3.scaleSqrt`. Countries without data appear in light red, while others are gray. The visualization includes an interactive zoom feature using `d3.zoom` and two legends: a color legend for economy types and a size legend for population, built with custom React components and rendered as SVG. Data is loaded from CSV and TopoJSON files using `d3.csv` and `d3.json`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/81aa5d5c7211470ea8a31214cc999527?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}