{"version":"1.0","type":"rich","title":"SVG Fundamentals","description":"This example demonstrates the fundamental building blocks of SVG by rendering a single geometric shape: a circle with a radius of 50 pixels. The circle is placed at coordinates (50, 50) within a 960-by-500-pixel SVG canvas, showing the basic syntax for positioning and sizing elements. The code uses plain inline SVG markup without additional JavaScript libraries, relying on core attributes like `cx`, `cy`, and `r` to define the circle’s geometry. The empty `<circle>` element highlights how SVG shapes are structured, with no fill or stroke specified, leaving the default black rendering.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/189020d44a8349c68e9c173c33dc081c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}