This example shows a yellow smiley face rendered as a full-screen SVG, with eyes positioned symmetrically around the center and the face circle sized relative to the window height. It uses React and ReactDOM to create SVG elements dynamically, calculating dimensions from `window.innerWidth` and `window.innerHeight`. The face is drawn with a yellow circle, black stroke, and two eye circles, all positioned using a `<g>` transform. JavaScript variables like `eyeOffsetX` and `eyeRadius` control the layout, while the rendered SVG updates automatically when the window resizes.