Built with React and D3 v5, this example renders a static smiley face composed of three modular components: a yellow background circle, two black eyes, and a mouth drawn with the `d3.arc()` path generator. Each component receives its positioning and sizing values as props, demonstrating how to structure a React visualization into separate ES6 modules and fragments. The SVG output is centered within a 960×500 viewport, with all shapes positioned relative to a central translated group.