{"version":"1.0","type":"rich","title":"Smile face","description":"A grid of randomly generated smiley faces demonstrates reusable React components and D3's arc generator. Each face renders as an SVG with a yellow background circle, two eyes, and a mouth arc whose radius and width vary per face via randomized props. The `FaceContainer` translates the drawing group to each face's center, while D3's `range` generates the 18-face layout. The example uses React 18 for component composition and D3 v5 for the `arc` path generation.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/9706c1448e0d484083be8da150e66615?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}