A grid of randomly generated faces demonstrates how React components can encapsulate D3 shape generation for scalable vector graphics. Each face uses `d3.arc` to create a smiling mouth, while SVG circles form the background, eyes, and facial contours. The `FaceContainer` component translates a centered group, and props like `eyeOffsetX` and `mouthRadius` control variation across eighteen instances. Rendered via React DOM with D3 v7, the example shows composable, data-driven visual elements without external datasets.