Smiley Face Part II
A generative grid of smiley faces renders in SVG via React and D3 v7. Each face is composed of reusable components—a yellow background circle, two eyes, and an arched mouth—positioned by a shared container. The mouth uses `d3.arc` to create its curved path, while eye radius varies randomly per face. The grid maps over `d3.range` to produce 18 faces, each with randomized eye sizes, showcasing modular React component composition for data-driven visualization.