{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"This example displays a set of geometric shapes—a circle, a rectangle, a line, and a path—arranged in a 960 by 500 SVG canvas. The SVG elements are wrapped in groups that use transform attributes for scaling and translation, while CSS classes style the line and path with strokes and rounded joins. Rendered through React, the code uses inline SVG with attributes like `fill` and `stroke-width`, and the stylesheet defines the `.lines` group’s properties.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/bfa60852b4c943479fe3c6308a8c60b4?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}