Smile Part 1
This example draws a static smiley face using raw SVG shapes within a React application. The code renders three circles—a large yellow face with a black stroke, and two smaller black eyes—directly in the JSX markup of the HTML file. It uses React and ReactDOM from CDN links, with D3 loaded but not actively used for any data or simulation. The visualization follows a margin convention through a custom `VizContainer` component, which abstracts the SVG group structure and can display margins via a `showMargins` prop.