{"version":"1.0","type":"rich","title":"shapes with SVG and CSS","description":"This example demonstrates the use of SVG shapes styled through CSS and inline attributes. It displays circles and rectangles, with some colored red and green, and a group applying blue fill with red stroke. A separate group with class \"lines\" draws a black line and a purple path with rounded line joins. The SVG is scaled by 1.5 using a transform. It relies solely on SVG elements and CSS for styling, with no JavaScript libraries.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/c77c3dce28d648e0a553a9710a1c2768?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}