Fork of Smiley Face Part II
This example shows a yellow smiley face rendered as an SVG, with a large outlined circle for the head, two smaller circles for eyes, and a mouth defined by a stroke width and radius. The React application uses `ReactDOM.render` to draw the graphic into an SVG element that fills the browser window, with all positions and dimensions calculated from `window.innerWidth` and `window.innerHeight`. The code leverages React's JSX syntax to define the SVG elements, with transformations applied via the `transform` attribute to center the face at the viewport's midpoint.