{"version":"1.0","type":"rich","title":"Fork of Hello HTML","description":"This example renders a grid of five smiley faces using React components, mapping over an array to produce each face. The faces are built from modular SVG primitives, including a pink background circle, eyes with layered white highlights, and a mouth drawn with a D3 arc generator. The `arc()` function from d3-shape defines the mouth’s inner and outer radii, corner radius, and start/end angles, while the FaceContainer wraps all elements in a centered SVG group. Each face’s eye radius, mouth radius, and mouth end angle are randomized, producing slight variations across the repeated faces.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/540f45e97bfb4d9d8722a07f92e1304f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}