SVG Fundamentals
This example demonstrates the fundamental structure of an SVG graphic, displaying a single black circle centered within the viewport. The code illustrates the direct correspondence between XML markup and DOM nodes, showing how SVG elements are declared as tags with numeric attributes for positioning and radius. It relies on the native SVG API within an HTML page, without any JavaScript or external libraries, serving as a minimal baseline for understanding vector graphics rendering in the browser. The rendered circle is drawn entirely through the browser’s SVG implementation.