Smile face part I
A smiling face is drawn using two overlapping SVG elements: a large yellow circle for the head and two smaller circles for the eyes, all with black outlines. The example demonstrates rendering static shapes with React 17 and inline SVG, using the `circle` element with explicit `cx`, `cy`, and `r` attributes. The page loads React from a CDN, but the visualization itself uses only plain SVG markup without dynamic React components or interaction.