{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"This example demonstrates basic SVG shapes—circles, rectangles, lines, and paths—styled through both inline attributes and external CSS classes. The code shows how fill colors can be set via hex, RGB, or named values, and how CSS rules like `.lines` apply stroke properties. It uses plain SVG markup without D3 dependencies, though the README notes the project can load D3 via UNPKG and supports ES6 module imports. The rendering approach uses a transformed `<g>` element to scale and position all shapes.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/44b69e4059744f979e221dc443350602?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}