This example demonstrates fundamental SVG rendering using static HTML elements, showing how basic shapes like circles and lines are defined within an SVG container. The visualization displays a red circle with a radius of 50 units, a purple circle without an explicit radius (which defaults to zero), and a line element with x and y coordinates—all specified using SVG's native attribute syntax. Built with plain JavaScript and CSS in a minimal HTML page, it uses no external libraries beyond the browser's native SVG support. The code reflects a forked starter template from VizHub, presenting raw SVG markup directly in the document body.