Fork of HTML Starter
This interactive example shows a yellow, black-outlined face composed of SVG circles and a D3 arc path, centered on a 960×500 canvas. Built with React, the `Face` component dynamically positions eyes and a mouth based on configurable parameters like `eyeOffsetX`, `eyeRadius`, and `mouthWidth`. The D3 `arc` API generates the mouth’s semicircular shape, while React’s rendering composes the separate `BackgroundCircle`, `Eyes`, and `Mouth` components within an SVG container.