{"version":"1.0","type":"rich","title":"svg fundamentals","description":"This example demonstrates fundamental SVG manipulation through a simple interactive circle. The page displays a single red circle created with the SVG `<circle>` element, which changes to green when a user clicks the \"changecolor\" button. The interaction relies on the HTML `onclick` attribute, which calls the `changecolor()` JavaScript function that toggles the circle’s fill style via the `document.getElementById` API. The rendering approach is purely declarative SVG with inline styling, and the code uses no external libraries.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/8100480a259743a1a6496ea7a2199817?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}