{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"This example demonstrates basic SVG shapes—circles, rectangles, lines, and a group transform—styled inline and via CSS. It shows how shape attributes like `fill`, `stroke`, `stroke-width`, and `cx`/`cy`/`r` control appearance and position, with a highlighted class defined in styles.css. Rendered directly as SVG within an HTML page, the visualization uses no external libraries, relying solely on native SVG elements and React starter code for structure. The fixed coordinate system and hardcoded attributes illustrate fundamental vector graphics rendering.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/bdb14ffcaf5f4bb7b6ef97d06185ef54?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}