A single smiley face rendered with React and SVG, assembled from modular components for the background circle, eyes, and mouth. The face is drawn with randomized numeric properties—stroke width, eye placement and radius, and mouth dimensions—generated via `Math.random()`. The mouth uses a D3 `arc()` generator to create a path, while the `FaceContainer` applies a centered translation. The example demonstrates a reusable, data-driven component structure for declarative SVG visualization.