SMiley
This example renders a simple smiley face as a static SVG graphic. The face consists of a single yellow circle with a black stroke, centered within a 900 by 560 pixel viewport. The code uses React to create the SVG element and ReactDOM to mount it into the page. The circle's radius, position, and stroke width are defined as JavaScript constants, and the compositing is handled entirely through React's JSX syntax.