{"version":"1.0","type":"rich","title":"Smiley Face","description":"Five nearly identical smiley faces are rendered in a grid, each drawn with yellow circular heads, black eyes, and a curved mouth. The example uses React components (`BackgroundCircle`, `Eyes`, `Mouth`, `FaceContainer`) to assemble each face from SVG primitives, with a `d3.arc()` generator shaping the mouth path. A `d3.range()` array drives the repeated rendering, while the `Face` component passes configurable dimensions and offsets, keeping the faces visually consistent. The SVG faces are centered within their containers using a transformed `<g>` element.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2c0cd4d45ec24f71895b18a902f9fc99?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}