{"version":"1.0","type":"rich","title":"question 4 task 8","description":"This example renders a bubble graph using D3.js (v7), displaying five data points as circles with x, y, and radius values. The visualization uses linear scales for the x-axis, y-axis, and bubble radius, with gridlines and axis labels. The SVG is generated with `d3.select('svg')`, `d3.scaleLinear()`, `d3.axisBottom()`, and `d3.axisLeft()`, and circles are appended via `g.selectAll('circle').data(data).enter().append('circle')`. The data is hardcoded inline, and the figure is styled with custom CSS for fonts and tick elements.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/268b9d84af6b482c94721d621915ac36?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}