{"version":"1.0","type":"rich","title":"Shapes with svg and css","description":"This example demonstrates basic SVG shapes—a circle and a rectangle—styled with CSS and rendered in a fixed 960 by 500 viewport. The shapes appear twice: first as a standalone circle and rect, then grouped together inside an SVG `<g>` element with a green stroke applied to the group. The second set uses inline attributes like `fill=\"red\"` and `fill=\"#719bde\"`, while the CSS file sets global margins and hides overflow. The code uses raw SVG elements (`<circle>`, `<rect>`, `<g>`) with no JavaScript libraries or data binding.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/30680fe034dd4891af3890391b876371?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}