{"version":"1.0","type":"rich","title":"SVG Fundamentals","description":"This example introduces basic SVG shapes and styling through a minimal, hand-authored document. It shows three geometric figures—two circles and one rectangle—drawn directly inside an `<svg>` element without any data binding or JavaScript libraries. The first circle uses the default black fill, while the second demonstrates the `fill` attribute with red, and the rectangle combines `fill=\"yellow\"` with a navy `stroke`. The code relies solely on core SVG presentation attributes (`cx`, `cy`, `r`, `width`, `height`) to define geometry, highlighting how static vector graphics are constructed declaratively in the browser.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/92480d4f96a8492ea657af9c767ee84c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}