This example shows a yellow circle centered on an SVG canvas with two smaller unfilled circles, creating a simple smiley-face composition. Built with React 17 and rendered directly through SVG markup, the graphic uses circle elements with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes. The body is styled with zero margin and hidden overflow, while the `<svg>` is sized at 960 by 500 pixels. The illustration demonstrates basic vector shape construction within an HTML page.