This example presents a yellow smiley face drawn with simple geometric shapes in an SVG canvas. A large yellow circle forms the head, outlined with a black stroke, and two smaller black circles serve as the eyes. The code uses the React library, along with ReactDOM for rendering, to build the component. Explicit numeric constants define the canvas dimensions, eye placement, and stroke widths, making the layout easily adjustable. The application is structured as a set of nested `<circle>` elements within a single `<svg>` tag, demonstrating a straightforward approach to creating basic vector illustrations.