{"version":"1.0","type":"rich","title":"Bubble Chart with D3.js","description":"This example visualizes a static bubble chart of fruit data, mapping each fruit’s x and y coordinates to scaled positions and its radius to a scaled circle size. It renders circles as steel-blue SVG elements with white fruit labels overlaid at each point’s center. The chart includes linear scales (`d3.scaleLinear`) for positioning and sizing, along with a title, axis labels, and `d3.axisBottom` and `d3.axisLeft` for the axes. The code uses D3.js v7 to append SVG circles and text directly to the DOM.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}