This example renders a smiling face built from basic SVG shapes, centered within a 950×400 viewport. A yellow circle forms the head, with two smaller circles for eyes, rectangular eyebrows, and an arc-based mouth using the `d3.arc` generator. The code imports `select` and `arc` from D3 v6, applies geometric transforms to position the face, and demonstrates fundamental SVG composition within a React project. Source data is hardcoded rather than loaded externally, with all styling handled through inline attributes.