Smiley Face Part 1
A grid of eighteen randomly generated cartoon faces fills a dark viewport. Each face is rendered as a basic SVG composition: a yellow circle with a black stroke serves as the background, two small black circles form the eyes, and a d3 arc path creates the mouth. The React code imports the `arc` function from d3 to define the mouth’s curved shape. All facial parameters—eye offset, eye radius, stroke width, and mouth dimensions—are randomized per face using `Math.random()` inside a `range` iteration.