{"version":"1.0","type":"rich","title":"Fork of Smiley Face Part1","description":"This example shows a yellow smiley face with two black eyes, drawn as three circles inside an SVG canvas. The face circle is centered and sized relative to the viewport dimensions, while the eye positions are calculated using offset constants. Built with React, the component uses JSX to render SVG elements, computing coordinates like `centerX` and `centerY` from the fixed width and height values. The code relies on React DOM’s `render` method to mount the component, with hardcoded numeric constants for the eye radius and offsets.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/c69e83eee36e44d0b5472043c314fe5e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}