This example renders a classic smiley face as a static SVG graphic using React and ReactDOM. The composition places a yellow circle with a thick black stroke on a 960×500 canvas, then adds two black eye circles offset symmetrically from the center. The code defines all geometric parameters—such as center coordinates, eye offsets, and radii—as constants, and constructs the SVG elements declaratively within a React component. The visualization highlights how simple mathematical relationships and React’s component model can produce clean, resolution-independent vector artwork without interaction or external data.