{"version":"1.0","type":"rich","title":"Smiley Face Part I","description":"A static yellow circle with a black outline renders as a smiley face on an SVG canvas. The example demonstrates embedding React components within an SVG element, using React 16.13.1 and ReactDOM to mount a simple application. The circle is hardcoded with fixed coordinates and dimensions, while the React component renders only a \"Hello React!\" message, showing the separation between the SVG drawing and the React-managed DOM. The page includes minimal styling to remove margins and hide overflow.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/aea598f382224fc49631cd81f352f138?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}