{"version":"1.0","type":"rich","title":"SVG fundamentals","description":"This example shows a single black circle rendered inside an SVG canvas, demonstrating the foundational syntax for creating vector graphics with HTML and CSS. The code uses a minimal SVG `<circle>` element with `cx`, `cy`, and `r` attributes to specify its center coordinates and radius. It relies on the browser’s native SVG rendering, requiring no JavaScript or external libraries, and is written as a bare-bones HTML page. The example illustrates the core structure of SVG markup for positioning and shaping basic geometric primitives.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2c830641ed5f4be5b0859d88247ec665?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}