{"version":"1.0","type":"rich","title":"Growing Circle","description":"A growing circle demonstrates interactive radius adjustment in a React and D3.js visualization. The example renders a single steelblue SVG circle centered on a 960x500 canvas, with buttons to increment or decrement its radius by 20 pixels. The code uses ReactDOM to mount the initial SVG, while D3's `select` API targets the circle by ID to update the `r` attribute, with a minimum radius constraint preventing negative values.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/732ca32cacde45539bd80d2a483b34e6?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}