This example shows a simple smiley-face avatar built with React and rendered as scalable vector graphics (SVG). It draws a yellow circle for the face and two smaller circles for the eyes, positioned relative to the center of a 960×500 viewport. The code uses React’s JSX syntax with inline curly-brace expressions to compute coordinates and dimensions from JavaScript constants. The SVG elements—`circle` and `stroke` properties—demonstrate basic geometric shape rendering without any external data or interaction.