{"version":"1.0","type":"rich","title":"Shapes with html and css","description":"Three SVG shapes—two circles and two rectangles—are drawn in a row, first with default black fills, then with red and brown fills. A group element applies a blue fill and black stroke to a second copy of the shapes after translating them downward. The example uses raw SVG markup inside an HTML body, with a CSS class setting the page margin to zero and hiding overflow. This demonstrates basic SVG shape creation and styling with CSS.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/e1218d40148a4973bee59f9d22f5c7bc?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}