{"version":"1.0","type":"rich","title":"SVG Fundamentals","description":"This example demonstrates the foundational use of SVG shapes in a web page. It shows a single circle element rendered inside an SVG container, illustrating the basic syntax for defining shapes with attributes for position and radius. The code uses the native SVG API, specifically the `<svg>` and `<circle>` elements, within an HTML document. No external JavaScript libraries are required; the visualization is created purely through static SVG markup. The circle is positioned at specific x and y coordinates, providing a minimal starting point for understanding scalable vector graphics.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/4d0b8b20de664622b48f891fd70e3aee?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}