{"version":"1.0","type":"rich","title":"Shapes with SVG new","description":"This example showcases basic geometric shapes rendered with SVG, including circles and rectangles with varied fills and a translated group containing outlined shapes. It also demonstrates line and path elements with custom stroke styling, such as rounded joins and a distinct color. The code uses plain SVG markup within an HTML document, leveraging the `<svg>`, `<g>`, `<circle>`, `<rect>`, `<line>`, and `<path>` elements. Styling is applied via CSS classes and inline attributes, with the body hidden from overflow for a clean presentation.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7ac712d8bd624b2fa60795ac6074cb8c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}