{"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 structured graphics. It shows circles, rectangles, lines, and paths arranged within a scalable group, using both inline presentation attributes and external stylesheet rules. The `styles.css` file applies stroke styles to line and path elements via class selectors, while inline `fill` and `stroke` attributes directly control individual shapes. SVG transform groups are used for positioning and scaling, enabling a layered composition. The rendering remains purely vector-based, relying on the SVG specification and CSS cascade without JavaScript libraries.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/99a24669ea0a40faaa7a354d081e30b2?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}