{"version":"1.0","type":"rich","title":"Smile face with SVG","description":"This example displays a simple smiley face rendered as a yellow circle with a black outline on a 960-by-500 pixel SVG canvas. It demonstrates basic SVG shape drawing using React and SVG elements. The code defines a single `<circle>` element with explicit positioning (`cx`, `cy`) and styling attributes (`fill`, `stroke`, `stroke-width`), embedded directly in the HTML. It shows how static vector graphics can be created with minimal markup, using only SVG’s native geometry and CSS for layout.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2f0c6773c1174915b0fdb7d3899a40a7?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}