{"version":"1.0","type":"rich","title":"Smiley Faces","description":"A grid of smiley faces displays random variations in eye size and mouth width. Each face is built from composable React components: a yellow `BackgroundCircle`, two `Eyes`, and a `Mouth` path generated with D3's `arc` for a half-circle smile. The SVG faces are rendered via `ReactDOM.render` inside a `FaceContainer` that translates the center point. Random values for `eyeRadius` and `mouthWidth` are applied on every render, creating a playful sequence of subtly different expressions.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b3993369775446f69b63684af53fca3f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}