{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"This gallery example demonstrates drawing basic geometric shapes and lines within a web page. The SVG element positions circles and rectangles, which are then styled with CSS for color, stroke, and line-join properties. The code uses HTML5's `svg` API and a linked stylesheet to directly manipulate vector shapes, showing how coordinate transforms, like `scale` and `translate`, can group and reposition elements within the canvas.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/4894abadadc7451183ecd319bd4c0277?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}