{"version":"1.0","type":"rich","title":"Shapes and Colors with SVG and CSS","description":"This example demonstrates basic SVG shapes—circles, rectangles, lines, and paths—styled with CSS. It shows how fill colors, stroke widths, and line joins are applied both through inline attributes and through class-based rules. The SVG is grouped with transforms for scaling and translation, while paths use a defined `d` attribute. Rendering relies on plain SVG elements and CSS, with no JavaScript libraries involved.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/e4ef7ad0a2924a6fb28a8dc80e0602c3?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}