{"version":"1.0","type":"rich","title":"Category clustered Bubble Chart","description":"This example shows a clustered bubble chart where circles are grouped by color-coded regions, with bubble size representing total cost and labels indicating country. The visualization uses D3.js v7 with a d3.pack layout to position circles within a hierarchical cluster structure, processing data from a CSV file loaded via d3.csv. SVG renders the circles and text labels, while a custom HTML tooltip displays country, region, and cost details on mouseover, with d3.scaleOrdinal mapping region values to a color palette.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/248bd04b65cf482281e06899ea7fbcdd?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}