{"version":"1.0","type":"rich","title":"SVG training","description":"This example demonstrates basic SVG interactivity and styling through pure HTML, CSS, and JavaScript without any external libraries. It shows three black rectangles on an 800x600 canvas, where hovering over a rectangle triggers a CSS transition that gradually changes its fill color to green and expands its dimensions and position over three seconds. The code utilizes CSS pseudo-class `:hover` and the `transition` property, while the first rectangle is wrapped in an anchor tag linking to google.com. The rendering relies entirely on native SVG elements within the HTML document.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6363ce6f835e4d6895539bb78c55b8c1?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}