Fork of SVG Fundamentals
This example demonstrates basic SVG shape rendering through a single static canvas. It shows overlapping circles, a straight line, a curved path with cubic Bezier commands, and an open polyline path—all drawn directly with hardcoded coordinates in an inline SVG element. The code uses raw SVG markup with attributes like `cx`, `r`, `d`, and `stroke-width`; no external libraries or JavaScript are involved. The overlapping circles appear red with a smaller green circle on top, while the strokes use navy and black colors, and the rendering relies entirely on the browser’s native SVG viewer.