This example demonstrates a single large circle positioned within an SVG viewport, with its center placed above the visible area so only the lower portion of the circle is displayed. The code uses raw HTML and inline CSS to define an SVG element with a width of 960 pixels and a height of 500 pixels, rendering the circle via the SVG `<circle>` tag. It serves as a minimal foundation for understanding how SVG coordinates and viewport clipping work, with no external JavaScript libraries or data sources involved.