{"version":"1.0","type":"rich","title":"Smiley Face","description":"This example renders a yellow smiley face as a React component using SVG. It draws a filled circle for the head, two smaller circles for the eyes, and a mouth created with the `arc` function from `d3`. The arcs are positioned by translating the coordinate system to the center of the 960×500 canvas. The code uses `ReactDOM.render` to mount the component and applies static stroke and fill colors without any interaction or animation.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/69af61033ac145d1a274f9aab852e6a8?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}