This example shows the foundational building blocks of SVG graphics, including a single circle element rendered directly on an HTML page. The code combines inline CSS for styling and JavaScript in a minimal setup, with the SVG circle defined by its center coordinates (cx, cy) and radius (r). It demonstrates how SVG shapes can be embedded in the DOM without any external libraries, serving as a basic primer for creating scalable vector graphics in the browser. The approach uses plain HTML elements as specified in the Scalable Vector Graphics specification.