This example demonstrates the SVG fundamentals of creating and styling shapes. It first renders a single static red circle, then uses a JavaScript loop to generate fifty additional circles with random positions, radii, and colors. The code employs the SVG `circle` element and the `createElementNS` API from the DOM to dynamically append shapes to the SVG canvas. Rendering occurs in the browser via a 1000 by 1000 pixel SVG viewport, with data and attributes generated procedurally using `Math.random`.