{"version":"1.0","type":"rich","title":"SVG shapes and animation sandbox","description":"A playful sandbox demonstrates how SVG shapes and animation can compose a simple landscape. The viewport is filled with a sequence of horizontal `<rect>` elements using a palette of blue CSS color names to create a stylized sky. A pink flower is constructed from positioned `<circle>` and `<path>` elements, while two groups of cloud shapes (one light, one dark) are defined as reusable `<g>` elements. The clouds are set in motion using the SVG `<animateMotion>` element, which moves them along a defined cubic Bézier path with different durations and repeat counts, creating a gentle, looping drift.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/824f1e11d180485dbe33e62bb69f1fd6?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}