{"version":"1.0","type":"rich","title":"Animate","description":"This example shows a single yellow rectangle centered on a gray SVG canvas, dynamically resizing and skewing through a looping animation against a pink page background. The rectangle’s fill, stroke, and dimensions transition smoothly via CSS transitions, while a keyframe animation named `grow` drives its scale and skew transformations. The code uses plain HTML, CSS, and JavaScript, with the SVG rendered directly in the markup and styled through embedded styles.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b6f4203728924d78ada3e6f72406bda4?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}