{"version":"1.0","type":"rich","title":"SVG_Basics","description":"This example demonstrates the fundamental structure of an SVG graphic on a bare HTML page, using inline SVG elements to draw a single red circle on a gray canvas. The code uses standard SVG markup for the `<svg>` and `<circle>` tags, with CSS styling applied via the `style` attribute for the border and background color. The circle's position and size are controlled with `cx`, `cy`, and `r` attributes. The page requires no external libraries or JavaScript, relying solely on the browser's native SVG rendering. The example also includes a link to a React-based starter template in the README.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/1b103d14a33544819aa8741978374b60?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}