Smiley Face 1
A yellow smiley face is drawn on an SVG canvas using React and D3. The face consists of a large yellow circle with a black outline, two small black circles for eyes, and a mouth rendered as a curved path. D3’s `arc` generator defines the mouth’s geometry, specifying inner and outer radii and angular range. The composition is centered using a translation transform, and fixed pixel dimensions set the overall layout. ReactDOM renders the SVG element into the page’s root div.