{"version":"1.0","type":"rich","title":"2_Shapes with SVG and CSS","description":"This example demonstrates basic SVG shapes—circles, rectangles, lines, and a path—styled with CSS for stroke and fill properties. The SVG is scaled and grouped using transforms, with a subset of elements inheriting fill and stroke from parent groups or classes. The code uses native SVG elements and CSS selectors like `.lines` and `.lines path` to apply styles, without any external JavaScript libraries. Rendering is purely static, with no interactivity or data binding.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/4fb6987ba0cd4058b5b09880a4f1f724?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}