This gallery example shows a grid of eighteen randomly generated smiley faces, each built as a static SVG composition in React. The faces are created using React components that assemble D3-generated SVG shapes: a yellow background circle, two eye circles, and a mouth arc drawn with the D3 `arc()` generator. Each face’s stroke width, eye offset, eye radius, and mouth dimensions are randomized, producing a small variety of facial expressions. The code relies on React’s component model for structure and D3’s geometry helpers for the path data, rendering everything directly to SVG.