{"version":"1.0","type":"rich","title":"SHAPES WITH SVG","description":"This example demonstrates basic SVG shape composition and styling within a React framework. It shows circles, rectangles, lines, and a path arranged in groups, with attributes like fill, stroke, and stroke-width applied both inline and through CSS classes. The code uses standard SVG elements (`circle`, `rect`, `line`, `path`) and CSS rules to control appearance, including a yellow group with a black outline and a blue path with round line joins. The rendering relies on the browser’s native SVG support, with transformations applied via the `scale` and `translate` attributes.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/80a4b477092c4304a8441a5af6aa50b7?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}