{"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 classes and inline attributes. It shows how fill colors, stroke widths, and transformations like scaling and translation apply to groups of elements. The code uses native SVG elements within an HTML document, linked to a stylesheet that defines stroke properties and layout. The rendering approach relies solely on SVG and CSS, with no external JavaScript libraries.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/8501269a8735444897ea851fa1ab714a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}