This example creates a simple smiling face entirely with D3.js vector shapes. It draws a yellow circle for the head, two black circles for the eyes, and a path for the mouth using an arc generator. The SVG canvas is centered, and all elements are positioned relative to a central group. The code uses D3 v5's `select` and `arc` APIs, with the arc defined by inner and outer radii and specified start and end angles.