{"version":"1.0","type":"rich","title":"Shape with SVG and CSS","description":"This example shows a collection of flat geometric shapes—circles, rectangles, a line, and a polyline—arranged on an SVG canvas. The illustration demonstrates both default black shapes and styled variants, including a red circle, a green rectangle, and a group filled with light blue and outlined in black. It also highlights CSS class-based styling applied through a `styles.css` file, where the `.lines` class sets stroke properties. The SVG is scaled up by a factor of 1.5, and the entire composition is rendered directly in the browser without a dataset.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/4a278b4e56224de283c8a8bd13a1f836?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}