This example shows a stylized smiley face built entirely from React components and rendered as SVG. The face consists of a yellow background circle, two black eyes, and a smiling mouth drawn using D3’s `arc` generator with specified inner and outer radii and start/end angles. All dimensions—such as eye offset, eye radius, and mouth width—are defined as constants in the main `App` component and passed as props to modular child components. The visualization uses React 17 and D3 v6, with a fixed 960×500 SVG canvas centered on the page.