{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"This example demonstrates fundamental SVG shapes—circles, rectangles, lines, and paths—rendered with inline attributes and CSS styling. The SVG canvas uses a scale transform, while grouped elements apply translations and shared fill, stroke, and stroke-width properties. CSS classes control line appearance and path corners, highlighting the interplay between presentation and structure. The code relies directly on SVG markup and CSS rules, with no external libraries, and serves as a baseline for understanding shape composition.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b7763dadc4d14fbbb533dbb3d1fa6d37?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}