This example shows a minimal SVG circle rendered inside an HTML page, demonstrating the basics of SVG fundamentals through a simple visual element. The code uses the SVG `<circle>` element with explicit `cx`, `cy`, and `r` attributes to position and size the shape, while CSS styles the page layout. It relies on vanilla JavaScript and inline SVG markup within the `index.html` file, requiring no external libraries. The circle appears as a static black shape, highlighting how SVG primitives can be embedded directly in HTML without additional tooling.