{"version":"1.0","type":"rich","title":"A9- proportional symbols map","description":"This example presents a proportional symbols map using React and D3, where the size of each circular marker corresponds to a data value. The visualization leverages a geographic projection to position symbols correctly over a map of a region, with an interactive tooltip displaying the underlying data for each point. The code uses `d3.geoPath` for rendering the map’s topography from GeoJSON data and `d3.scaleSqrt` to map values to circle radii. Hover interactions drive a tooltip component, while the map itself is rendered as SVG paths within the React component tree.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/079803bdb2414d2d806f13642cb0a77f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}