{"version":"1.0","type":"rich","title":"shapes with svg","description":"This example demonstrates basic SVG shapes— circles, rectangles, and a group—positioned within a 960×500 canvas. It shows how CSS styling and SVG attributes, such as `fill`, `stroke`, and `stroke-width`, control appearance and how a `transform` attribute translates a group of shapes together. The page is a static HTML document using inline SVG elements, with a minimal external stylesheet.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/66e01f66d5404acebdc72d356b4f763c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}