This example shows a cartoon face built from layered SVG circles and an arc, rendered with React components. The face consists of a yellow background circle with a navy stroke, gray eye whites, sky-blue irises with black pupils, and a d3.arc-generated smile. Each facial feature is a separate React component (BackgroundCircle, EyeCircles, IrisCircles, PupilCircles, MouthArc) composed within a FaceContainer that handles SVG centering. The code uses d3.v5’s arc() API to construct the mouth path, with all geometry driven by numeric props for radius, eye placement, and thickness.