{"version":"1.0","type":"rich","title":"Smiley face part 1","description":"This example displays a single yellow smiley face drawn as a basic SVG circle centered on a 960 by 500 canvas. The face uses a fixed radius and a black stroke with a defined width, leaving the interior filled with yellow. The visualization is built with React 18, using JSX to declare the SVG `<circle>` element, and is rendered into the DOM via `ReactDOM.render`. The code defines constants for the center coordinates and stroke width to position the shape.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a14d9eb822a247e89a303074a4cc8de1?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}