{"version":"1.0","type":"rich","title":"Fork of Smiley Face Max: React","description":"This example uses a React component structure to build an animated SVG smiley face. The facial features are composed of geometric shapes: a pink background circle, red body, grey and yellow eyes, and a mouth drawn as a D3 arc path. Using the React framework, the `Eyes` component constructs a symmetrical, layered pattern of circles with varying sizes and offsets, which the `BackgroundCircle` and `Mouth` components complement to form the complete character. The code relies on React’s declarative syntax and D3’s `arc` function to define the mouth’s path, all rendered into the SVG canvas within the `App` component.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/abdeb78d2c894aca842643c39499a979?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}