Smiley Face pt1
A smiling face is drawn as a yellow circle with a black outline and two smaller circles for eyes, centered within an SVG canvas. The composition uses fixed coordinates to position the face and eyes, with the face centered at (480, 250) and a radius of 245. The example demonstrates basic SVG shape rendering in a React application, loading React 18.2 from a UMD bundle. The page sets a minimal CSS style with no margin and hidden overflow, and the SVG has a width of 960 and height of 500 pixels.