{"version":"1.0","type":"rich","title":"Smiley Face","description":"A React application renders a simplified smiley face as a static SVG graphic. The face consists of a yellow circle with a black border, positioned at the center of a 960×500 viewport, and two smaller black circles representing eyes. Coordinates for the face and eyes are computed from width, height, and offset constants rather than loaded data. React 17 uses `ReactDOM.render` to mount the SVG elements defined in JSX, with styling applied directly through SVG presentation attributes.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/84a07c0b1a3442db8703cb8d588b8961?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}