{"version":"1.0","type":"rich","title":"SVG and CSS: Shapes","description":"This example demonstrates fundamental SVG shape rendering combined with CSS styling. It displays a circle, rectangle, line, and path on a 900x500 canvas, with elements grouped and transformed using SVG’s `scale` and `translate` attributes. The code uses raw SVG elements (`circle`, `rect`, `line`, `path`, `text`) and defines a CSS class in `styles.css` to apply stroke styling to grouped shapes. No external libraries are used, relying solely on native Scalable Vector Graphics markup and CSS.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/485d79d2167c4efc883c46aa2dd15d44?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}