This example demonstrates basic SVG shape rendering using circle and rectangle elements. The page displays circles positioned at different coordinates, with the second circle filled in teal and the first left with its default black fill, all enclosed by a thick blue rectangular stroke outline. The code directly uses the SVG API within an HTML document, setting fixed width and height attributes on both the wrapper `<svg>` element and its child shapes, while CSS hides page scrolling. No external JavaScript libraries or data sources are present, as the visualization relies purely on static SVG markup.