{"version":"1.0","type":"rich","title":"Fork of Hello HTML","description":"A grid of 18 yellow smiley faces renders in React, each with randomized eye and mouth sizes for variety. Built with React 17 and D3 v5, the example composes SVG components—`BackgroundCircle`, `Eyes`, and `Mouth`—using D3's `arc` generator for the mouth path. Faces are generated via `d3.range` and mapped to `Face` components, which group all elements inside an SVG `<g>` translated to the center. The arrangement demonstrates reusable component architecture and dynamic prop-based styling without external data.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/84e3b992e98549439293e61ab7f70a39?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}