{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"This example uses SVG and CSS to construct a grid of basic geometric shapes—circles and rectangles—in various colors, with a portion of the shapes offset and colored blue using a translated group. A pair of black lines and a path with a blue stroke and round line joins are rendered from hardcoded coordinates. The shapes are scaled by a factor of 1.5, and styling is applied via the CSS class `.lines` in the linked stylesheet, demonstrating how inline attributes and external style rules combine within an SVG canvas.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7686984c2d2e4d56a6271f705e5a3f38?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}