Smiley
A yellow circle with a black outline sits centered in a 960×500 SVG canvas, resembling a simplified smiley face without facial features. The example demonstrates a minimal React setup using raw SVG elements—specifically a `<circle>` with explicit `cx`, `cy`, `r`, `fill`, `stroke`, and `stroke-width` attributes—rather than D3 or other visualization libraries. The styling resets body margins and hides overflow, while the static rendering shows a single geometric shape with no interactivity or data binding.