Smiley Face
This example renders a classic smiley face as an interactive-free SVG composition. The face uses a yellow circle for the head, two black circles for eyes, and a curved arc for the mouth. Built with React and D3 v7, it applies the `d3.arc` API to generate the mouth’s path, while circle elements are positioned via hard-coded offsets. The SVG viewport is 960 by 500 pixels, with the face centered and a black outline stroke provided by the `stroke-width` attribute.