{"version":"1.0","type":"rich","title":"Fork of Shapes and Colors with SVG and CSS","description":"This example demonstrates foundational SVG shapes—circles, rectangles, lines, and paths—stylized directly with CSS classes and inline presentation attributes. The SVG markup, rendered at a fixed 960×500 canvas, applies a global scale transform and translates groups to position elements, with fill and stroke properties defined both per shape and as inherited group styles. The separate `styles.css` file sets the stroke color, width, line join, and cap for elements in the `.lines` class, while the body margin and overflow are also set externally. No JavaScript or external data is used; the visualization relies purely on declarative SVG and CSS.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/85b1891f244d46fb90343f609ea0a8a2?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}