SVG Fundamentals
This example demonstrates fundamental SVG shapes as rendered directly in a web browser. It shows two overlapping circles with contrasting fill and stroke colors, a blue diagonal line, and a black polyline path composed of two line segments. The visualization uses the SVG API within an inline `<svg>` element, specifying geometric attributes such as `cx`, `cy`, `r`, `x1`, `y1`, and path data. The code defines a 960 by 500 pixel canvas, with shapes positioned absolutely and styled through stroke-width and fill properties, requiring no external libraries.