This example shows a simple geometric composition made of two overlapping circles rendered as Scalable Vector Graphics (SVG). The piece resembles a stylized face or cyclops, with a large yellow circle bordered by a black stroke and a smaller, unfilled circle positioned within it. The SVG is embedded directly in an HTML document, with the body margin set to zero and overflow hidden to create a seamless presentation. The code uses raw SVG elements (`<svg>`, `<circle>`) and basic styling attributes like `cx`, `cy`, `r`, `fill`, and `stroke`. No JavaScript libraries or data sources are involved; the visualization is purely static and declarative.