{"version":"1.0","type":"rich","title":"Input test (circle)","description":"A single blue-outlined circle is centered in an SVG canvas, with its radius controlled by a slider input labeled \"radius.\" Dragging the slider updates the circle's size in real time. The example uses D3 v4 to bind the input event and dynamically set the circle's `r` attribute, while the slider's value and displayed text are updated in the same handler. The SVG is rendered directly in the HTML body, and the initial radius is set to 120.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-abe0bda4ea2f7e8efbd63bd2d419ef15?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}