Smiling face
Fifty identical smiling faces are rendered in a grid, each a yellow circle with black stroke, two eyes, and an arc-shaped mouth. The faces are drawn as SVG elements within a React application, using a `Face` component composed of `BackgroundCircle`, `Eyes`, and `Mouth` subcomponents. The mouth is created with the D3 `arc` API, while the `map` from D3 generates the array of faces. Each face is centered and parameterized with fixed dimensions, demonstrating component reuse and declarative SVG construction via React.