{"version":"1.0","type":"rich","title":"Shapes with SVG","description":"This example demonstrates fundamental SVG shapes and transformations using raw SVG markup within a React starter template. It shows circles, rectangles, lines, and paths with varying fill colors, stroke styles, and coordinate positioning. The code applies grouping and transformation attributes like `scale` and `translate` to organize and position the geometric elements. It uses native SVG elements such as `<circle>`, `<rect>`, `<line>`, and `<path>`, showcasing how static vector graphics can be composed directly in JSX without external charting libraries.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/ed373c4304ec4bfe98b0deeec2f8319c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}