{"version":"1.0","type":"rich","title":"SVG with CSS","description":"This example shows how CSS can style SVG shapes, with a mix of default black fills and custom colors applied directly or via classes. It renders circles, rectangles, a line, and a path inside a scaled and translated group. The code uses raw SVG elements in an HTML page, with linked CSS rules that set stroke width, color, and line joins for the `.lines` class. Specific shapes are colored individually using `fill` attributes, while group-level styles inherit to child elements.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/eba9d66d054045c2a4a2cba405626bbc?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}