{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"This example demonstrates the basic drawing capabilities of SVG shapes, including circles, rectangles, lines, and paths. It shows how styling and presentation attributes can be applied individually to elements or inherited by a group, with transformations like scaling and translation used to reposition the entire composition. The code uses raw SVG elements, the `transform` attribute, and CSS classes (`.lines`) to control stroke properties such as color, width, line join, and line cap. However, the example does not connect to any external data source; it is purely a static visual demonstration of SVG’s built-in vector graphics features.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}