{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"This example demonstrates how to draw basic SVG shapes—circles, rectangles, lines, and paths—inside an HTML page. It shows how to style these shapes with inline attributes and external CSS, including the use of classes like `.lines` to group styling rules. The code uses no libraries or APIs; it relies solely on raw SVG markup and CSS. The rendering approach is directly visible in the `index.html` file, which contains a single `<svg>` element with a `transform` attribute to scale the content.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/178d72efb16e41b795e117653c12df74?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}