{"version":"1.0","type":"rich","title":"SVG Fundamentals","description":"This example demonstrates the foundational elements of SVG (Scalable Vector Graphics) using a circle positioned within an inline `<svg>` element. The circle is defined with `cx`, `cy`, and `r` attributes to set its center coordinates and radius, while CSS styles applied in the page's `<style>` block format a separate message. The code relies purely on native HTML, CSS, and JavaScript without any external libraries, showing how SVG shapes can be embedded directly into an HTML document.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/44153a5c01a34b44a7eeea7bc560268d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}