SVG Fundamentals
This example demonstrates basic SVG shapes—a red circle, a cyan rectangle with a green stroke, and a black line—rendered directly in an HTML page. The shapes are positioned and styled using precise pixel coordinates and inline attributes within the `<svg>` element, which is sized to 1000 by 800. It relies solely on native SVG markup and CSS styling, with no JavaScript libraries or data sources, illustrating the core syntax for creating and layering vector graphics in a browser.