{"version":"1.0","type":"rich","title":"SVG Fundamentals","description":"This example demonstrates a minimal SVG rendering setup, showing a single circle outline on a 500-by-500 canvas. It uses raw SVG elements—specifically a `<circle>` with `cx`, `cy`, and `r` attributes—styled through CSS and placed directly in the HTML body. The code avoids JavaScript entirely, relying on static markup and the `fill=\"none\"` and `stroke=\"black\"` properties to define the circle’s appearance. It serves as a foundational illustration of SVG’s basic shapes and coordinate system.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7bf323384a8b4ad29327b8df7095100c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}