{"version":"1.0","type":"rich","title":"Fork of Shapes and Colors with SVG and CSS","description":"This example visualizes basic geometric shapes, including circles, rectangles, lines, and a path, using SVG elements within a 960-by-500 canvas. It demonstrates how styling and transforms are applied via CSS classes and inline attributes, such as grouping elements with the `translate` and `scale` transforms, and using fill and stroke properties for coloring and outlines. The `styles.css` file defines a `.lines` class that sets stroke color and width, while SVG’s native `circle`, `rect`, `line`, and `path` elements structure the composition. The rendering approach is purely vector-based, with no external data source.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/627e97463073466db6abd60933d20112?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}