SVG fundamentals
This example demonstrates basic SVG shapes and drawing primitives within a static 960×500 canvas, using no external libraries. It shows overlapping circles with different fill colors, a thick navy line from the origin to (100,100), and a black polyline path that bends from (200,200) through a vertical segment to (300,400). The rendering relies entirely on native SVG elements—`circle`, `line`, and `path`—with explicit stroke widths and fill properties, illustrating how simple geometric figures can be composed directly in the DOM without data binding or interaction.