{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"This example demonstrates basic SVG shapes styled with CSS, including circles, rectangles, lines, and a path. The SVG scene uses nested `<g>` groups with `transform` attributes for positioning and scaling, while a separate `styles.css` file defines the path’s stroke and line join properties. The React framework structures the markup, and rendering relies on SVG’s native elements such as `<circle>`, `<rect>`, `<line>`, and `<path>`. The code shows static shapes without data binding or interaction.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/383c0c45cca54d92b1a3e19b06b1bc62?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}