{"version":"1.0","type":"rich","title":"SVG Fundamentals","description":"This example demonstrates a single red circle, the most basic SVG shape, using the raw SVG element from the HTML5 specification. It shows how a circle is defined by its center coordinates (`cx`, `cy`) and radius (`r`), rendered directly within an inline `<svg>` tag in the body of an HTML page. The code uses no external libraries, relying purely on native SVG markup and the browser's built-in rendering engine. The visualization serves as a minimal, low-level introduction to vector graphics, highlighting the direct relationship between an element's attributes and its on-screen appearance.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/0ff67eededc94d95a42563f3d785d5b2?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}