{"version":"1.0","type":"rich","title":"Shapes and Colors with SVG and CSS","description":"This example demonstrates basic SVG shapes and CSS styling. It shows circles, rectangles, lines, and a path, with some shapes using default black fill while others specify fill colors like red and green. A transformed group applies a light blue fill and black stroke with a thicker stroke-width on the circle. The CSS file styles the line and path elements with custom stroke colors and line joins. The SVG markup uses inline attributes, the `<g>` element for grouping, and CSS classes to control presentation.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d090d94e0c5d46b39dcee1df9a5bd245?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}