{"version":"1.0","type":"rich","title":"svg_stuff","description":"This example shows a yellow circle centered on an SVG canvas with two smaller unfilled circles, creating a simple smiley-face composition. Built with React 17 and rendered directly through SVG markup, the graphic uses circle elements with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes. The body is styled with zero margin and hidden overflow, while the `<svg>` is sized at 960 by 500 pixels. The illustration demonstrates basic vector shape construction within an HTML page.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b07db0b413d14a5693d96414ddbf90f8?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}