This example shows a React-based smiley face rendered as a full-window SVG, with the face centered and sized relative to the viewport’s dimensions. The code uses React 16.9 and ReactDOM to create SVG circle elements for the face, eyes, and mouth, with positions stored as constants for offset and radius. The rendering approach computes the face’s radius from the window height and applies a black stroke, while the eyes are filled with the default black color. The example demonstrates dynamic sizing and simple component-based SVG drawing without additional data sources.