This example renders a smiley face using React and SVG. It shows a yellow circle with a black outline, two eyes, white highlights, angled eyebrows, and a mouth represented by a filled black circle. The drawing uses React's JSX syntax to define SVG elements like `<circle>`, `<line>`, and `<svg>` directly in the component. React 16.9 and ReactDOM render the static graphic into the page without any interaction or animation.