Smiley face part I
A large yellow circle outlined in black forms the basic head of a smiley face on an SVG canvas. Two small black circles serve as the eyes, positioned symmetrically on either side of the head's center. The example renders static SVG shapes directly in HTML, using React’s production build for setup, though the drawing itself relies on native SVG circle elements without any interaction or animation.