{"version":"1.0","type":"rich","title":"Smilley Calm Face","description":"This example shows a calm smilley face with yellow circular background, stylized eyes, eyebrows, and a mouth rendered as SVG shapes in a React application. The face is centered using a translated group, with each facial feature defined as a separate React component. The mouth uses the `arc` generator from `d3` to create a curved path. Components like `BackgroundCircle`, `Eyes`, `Eyebrows`, and `Mouth` receive numeric props that control positioning and sizing, all rendered through ReactDOM into an SVG viewBox.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/37634da5816949bc811082f2a77d3037?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}