svg fundamentals
This example demonstrates a minimal SVG graphic: a single black circle positioned near the top-left corner of an otherwise empty canvas, with a radius of 50 units. The visualization introduces fundamental SVG shape creation and attribute usage by defining the circle’s center coordinates (`cx`, `cy`) and radius (`r`) directly in the markup. The code relies solely on the native SVG API embedded in an HTML document, requiring no external libraries or data processing. The resulting static rendering highlights the simplicity of declarative vector graphics.