SVG Fundamentals
This example demonstrates a minimal SVG rendering setup, showing a single circle outline on a 500-by-500 canvas. It uses raw SVG elements—specifically a `<circle>` with `cx`, `cy`, and `r` attributes—styled through CSS and placed directly in the HTML body. The code avoids JavaScript entirely, relying on static markup and the `fill="none"` and `stroke="black"` properties to define the circle’s appearance. It serves as a foundational illustration of SVG’s basic shapes and coordinate system.