{"version":"1.0","type":"rich","title":"Shapes with CSS and SVG","description":"This example demonstrates basic geometric shapes created with Scalable Vector Graphics (SVG) and styled through CSS properties. A pink circle and a blue rectangle are rendered inside an SVG container, each with a 10-pixel orange stroke and distinct fill colors. The code directly uses SVG elements such as `<circle>` and `<rect>` within an inline `<svg>` tag, while visual attributes like `fill`, `stroke`, and `stroke-width` are applied as presentation attributes. No external libraries or JavaScript are involved, relying entirely on native SVG markup for rendering.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/cdec6a760d0e4563be2f3a7ba194e2ff?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}