{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"This example shows how to draw basic shapes—circles, rectangles, lines, and paths—using raw SVG elements positioned within a single grouped coordinate space. It demonstrates that SVG styling can come from presentation attributes, inline CSS properties, or a stylesheet, with the CSS file also controlling overall page layout and stroke characteristics like line joins. The code uses no JavaScript libraries; it relies solely on the SVG API and a linked CSS file to define shape appearance, including a scaled group and translated sub-groups for spatial arrangement.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a95fd6a4caae4b3b8c3c879634338c6c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}