{"version":"1.0","type":"rich","title":"Smiley Face Max: React","description":"This example shows an oversized smiling face constructed from multiple SVG circles and a curved path, rendered with React components. The face includes elaborate layered eyes built from a series of scaled yellow circles with white and outlined highlights, along with a simple mouth created using the D3 arc generator. Each facial feature is a separate React component, such as `BackgroundCircle`, `Eyes`, and `Mouth`, receiving props for positioning and sizing. The visualization demonstrates reusable component architecture with D3’s `arc()` for the mouth geometry and ReactDOM for rendering the SVG output.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b174682dec83497385360b121377cdf2?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}