Smily face part 1
This example displays a simple, static smiley face made of three SVG circles: a large yellow circle for the head, and two smaller black circles for the eyes, all centered on a 960 by 500 canvas. The implementation uses React, though the rendering itself relies on raw SVG elements (circle) with explicit coordinates and styling, rather than a visualization library. The circles set properties like `cx`, `cy`, `r`, `fill`, and `stroke` directly in the markup, creating a basic geometric illustration without interaction or animation.