creating yellow face
This example constructs a smiling yellow face using React components and SVG primitives. A yellow circle serves as the background, with two black eyes and a curved mouth drawn using a d3 arc path. The face is centered and scaled through a reusable `FaceContainer` component that applies SVG transforms. The visualization demonstrates how to parameterize geometric elements like radii and offsets to create a modular, data-driven composition.