{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"A single SVG canvas displays a small collection of primitive shapes, including a red circle, a blue square, a diagonal line, and a multi-segment path. The shapes are grouped and transformed using nested SVG `<g>` elements, with the outer group scaled and inner groups applying fill and stroke styles. The image is rendered directly in an HTML page with inline SVG markup, using CSS-like presentation attributes such as `fill`, `stroke`, and `stroke-width` to define the visual appearance. No external JavaScript libraries or data sources are used.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/0d942b7461f24703a606efdb2cb82a1f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}