This example shows a yellow smiley face rendered as a scalable SVG graphic that fills the entire browser window using React. The face is centered by translating the coordinate system with a `<g>` element, and its size adapts dynamically based on `window.innerWidth` and `window.innerHeight`. The code uses React and ReactDOM to create circle elements for the head, eyes, and mouth, with the mouth radius and eye offsets defined as constants. The rendering relies on SVG primitives within a React component, producing a responsive, vector-based illustration.