This example shows a smiley face rendered as a scalable vector graphic using React. The face consists of a yellow head and two black eyes, with geometric properties such as center coordinates, offsets, and radius defined as JavaScript constants in JSX. The code uses React 17 and ReactDOM to mount the component into the DOM, while SVG circles handle the drawing. The approach demonstrates how JSX enables dynamic math-based positioning instead of hardcoded attributes.