SVG fundamentals
This example demonstrates fundamental SVG rendering with lines and circles positioned across a 1040×1194 canvas. The visualization uses basic SVG primitives—`line` and `circle` elements—with explicit coordinates and strokes to show connections between nodes. Orange and purple lines, one dashed, link three circular markers, illustrating how vector graphics define shapes through attributes like `cx`, `cy`, `x1`, `y1`, and `stroke-dasharray`. The code relies solely on native SVG markup with no JavaScript libraries, as shown in the static `index.html`.