SVG Fundamentals
This example demonstrates basic SVG shape construction in a 960×500 viewport, showing circles, rectangles, lines, and paths with varied fill, stroke, and pathLength attributes. The code uses raw SVG markup directly in HTML, with no JavaScript libraries—relying on native SVG elements like `<circle>`, `<rect>`, `<line>`, and `<path>` to define geometry. A red curved path combines cubic arcs and straight segments, while a black polyline connects three points. The example serves as a minimal primer on SVG coordinate systems, stroke styling, and path data syntax.