{"version":"1.0","type":"rich","title":"svg fundamentals","description":"This example demonstrates the basic building blocks of SVG graphics by rendering two circles within an inline `<svg>` element. The first circle appears with the default black fill, while the second uses a `fill=\"red\"` attribute to change its color. Rendered directly in an HTML page without any JavaScript or external libraries, the visualization relies purely on SVG's native XML-based syntax to define shapes and their styling properties. The code uses no data source or framework, serving only to illustrate fundamental SVG concepts like coordinates (`cx`, `cy`) and radius (`r`).","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/3853d7311b4446a481b0bd6221eb9df8?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}