Smiley Face Part I
This example draws a simple smiley face inside an SVG canvas. It shows a large yellow circle with a black outline, containing two smaller black circles as eyes. The code uses raw SVG elements—`<svg>`, `<circle>`, and their `cx`, `cy`, `r`, `fill`, and `stroke` attributes—to define the shapes directly in the HTML file. It also loads React via a UMD script tag but does not use any React components or API calls; the visualization is pure declarative SVG markup. The face is centered on a 960 by 500 canvas with no interactivity or animation.