{"version":"1.0","type":"rich","title":"SVG Fundamentals","description":"This example demonstrates fundamental SVG shapes on a blank 960-by-500 canvas, including circles, rectangles, lines, and a path. The code uses plain SVG elements with React, setting attributes such as `cx`, `cy`, `r`, `fill`, `stroke`, and `stroke-width` directly in JSX. It shows how to style shapes with colors and outlines, including a dashed path connecting coordinates. No external libraries beyond React are used, and the rendering relies entirely on SVG's native vector graphics.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/42913d9098894f2eb73a024fcd466940?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}