first exercise
This example shows a yellow smiling face rendered with SVG circles and arcs, centered in a 960 by 500 viewport. It uses React to construct the SVG elements and d3.arc to define the mouth and right eyebrow paths, while the eyes are plain circles with white highlights. The face is drawn with a yellow fill, black stroke, and positioned via a translated group. The code relies on d3.v7 and React 16.9, with all shapes generated procedurally from fixed variables rather than external data.