{"version":"1.0","type":"rich","title":"Smiley Face partI G","description":"This example displays a single yellow circle with a black outline, centered on a 960 by 500 pixel SVG canvas. The circle's radius is calculated from the canvas height and a defined stroke width, and its center coordinates are derived from the canvas dimensions. Built using React, the code renders the SVG element and uses JavaScript variables for all measurement values, including the center position and stroke width. The visualization demonstrates a simple approach to creating a basic geometric shape, using React's declarative syntax to define the circle's properties.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d41e6f366a094937bded884063540a98?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}