Fork of HTML Starter
This example renders a grid of eighteen cartoon faces using React and D3 v7. Each face combines reusable SVG components for the background circle, eyes, and mouth, with randomized eye radius and mouth width values generated via `d3.range` and `Math.random`. The `Mouth` component uses D3’s `arc` generator to create a half-circle path, while `FaceContainer` wraps all elements in an SVG group translated to the center. Yellow faces with blue eyes and black outlines demonstrate a modular, component-based approach to SVG visualization.