This example shows a simple smiley face rendered as SVG, with a yellow circular background, two black eyes, and a curved mouth. The face is built from reusable React components, including `BackgroundCircle`, `Eyes`, and `Mouth`, which are composed within a single SVG element. Positioning is centered using a `g` transform, and the mouth is generated with the `d3.arc` API to create the semicircular path. The code uses React 17, D3 v7, and ReactDOM to render the static visualization without any interaction or data binding.