{"version":"1.0","type":"rich","title":"Shapes With SVG","description":"This example demonstrates basic SVG shape rendering using static circle and rectangle elements defined directly in the HTML markup. It shows how coordinates, dimensions, and fill colors control each shape’s appearance, with a grouping element (`<g>`) applying a shared blue fill and vertical translation to a second row of shapes. The scene uses plain SVG attributes without external libraries, paired with a minimal CSS file that resets margins and hides overflow for a clean full-viewport canvas.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d11132f3773e435993a3311ea94b5a71?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}