{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"This example shows how basic geometric shapes can be arranged and styled within an SVG canvas, using both inline attributes and CSS classes. It demonstrates a red circle, a green rectangle, and a blue group containing two rectangles and a circle, with a black line and a yellow path outlined. The rendering relies on SVG elements like `<rect>`, `<circle>`, `<line>`, and `<path>`, while the linked `styles.css` file provides global styling, including a `.highlighted` rule. Shapes are positioned directly via absolute coordinates and transformed using the `translate` attribute.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/5838811965c24c7981e267bbcf56126d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}