Smiley Face Part I
A classic smiley face rendered with React and D3 v6 draws a yellow circle on an SVG canvas, using D3’s `arc` generator to create a smiling mouth and a separate arc-based shape for eyelashes. Both eyes are simple black circles, positioned via coordinate offsets. The code uses inline React components to generate SVG elements, relying on D3’s `arc` API to compute path data for the mouth and lashes. The face is centered with a fixed width and height, and the overall rendering is static, with no interactivity or external data source.