This example shows a circular face rendered as a yellow SVG circle with a black stroke, centered on a 960×500 canvas. The code uses React 18 to define a functional component that outputs an SVG `<circle>` element, with dimensions calculated from the viewport’s center and half the stroke width. ReactDOM renders this component into the `#root` div, resulting in a simple smiley-face base without features. The rendering uses React’s JSX syntax and SVG primitives, with no additional data or interaction.