{"version":"1.0","type":"rich","title":"SVG Fundamentals","description":"This example demonstrates the fundamental building blocks of SVG graphics by rendering a single circle shape. The code uses the native SVG `<circle>` element with explicit `cx`, `cy`, and `r` attributes to position and size the circle at coordinates (50, 50) with a radius of 50. Rendered directly in an HTML document without JavaScript libraries, it highlights how SVG’s declarative XML syntax defines vector shapes in the browser. The minimalist approach serves as a baseline for understanding how D3.js and other tools later manipulate similar SVG primitives.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/cd31281887e242ca934f43517420e92d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}