{"version":"1.0","type":"rich","title":"Shapes and Colors with SVG and CSS","description":"This example demonstrates how SVG shapes and CSS styling can be combined to create a simple static graphic. It shows circles, rectangles, a line, and a path, with fills and strokes applied both directly as attributes and through a linked stylesheet. The code uses core SVG elements like `<circle>`, `<rect>`, `<line>`, and `<path>`, along with CSS classes and transform groups to position and scale the shapes. The rendering relies entirely on SVG markup and external CSS rules, with no JavaScript or data source involved.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/ef8f7e1fbc6744b39e816f2179dfe403?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}