{"version":"1.0","type":"rich","title":"SVG Fundamentals","description":"This example demonstrates basic SVG shape styling and interactivity through two circles rendered directly in an HTML document. The first circle uses static attributes for fill, stroke, and stroke-width, while the second employs a CSS class with a hover effect that transitions its fill color and adds a stroke over 300 milliseconds. The code uses plain SVG elements, CSS transitions, and inline JavaScript-free markup within a React-free environment, with the SVG canvas placed directly in the body alongside text.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/997ae558099d4bdbae28242583a85f21?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}