{"version":"1.0","type":"rich","title":"A React Smiley Face","description":"This example renders a simple smiley face using React and SVG. The face consists of a yellow circle for the head and two smaller black circles for the eyes, all drawn with explicit `circle` elements. The React component `App` returns the SVG markup, and `ReactDOM.render` mounts it into the DOM. The code loads React and ReactDOM from CDN scripts and uses JSX to define the component, with dimensions set as constants for the SVG viewport.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a60f2911fac64b30bcd6274d1d637a10?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}