{"version":"1.0","type":"rich","title":"Bubble Chart - Clustered with CSV import + Tooltip","description":"This bubble chart displays clustered circles representing sales records, with each bubble’s size corresponding to Total Profit and country labels inside. Built with D3 v7, it loads data via `d3.csv` and uses the `d3.pack` layout to arrange circles hierarchically. A custom HTML tooltip appears on mouseover, showing the country and profit value, with hover styling changing the fill color. The visualization renders as SVG within a React-free HTML page, using `d3.select` and `join` for dynamic circle and text creation.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b57119286df140aca6f71179143d1925?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}