{"version":"1.0","type":"rich","title":"SVG Fundamentals","description":"This example demonstrates fundamental SVG shapes—a circle, a line, and text—as rendered on a 500x500 canvas. It shows how basic SVG elements are positioned and styled using attributes like `cx`, `cy`, `r`, `x`, `y`, `stroke`, and `fill`. The code uses plain HTML with embedded CSS and JavaScript, and the rendering approach relies entirely on native SVG markup. A Roboto font from Google Fonts styles the large 'A' text element, while the shapes are drawn with visible stroke widths and colors.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/e94bbceef783404cb32a4e31dc6cecf6?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}