SVG Fundamentals
This example displays a set of basic SVG shapes, including a red circle, a yellow rectangle with a navy stroke, a diagonal line, and an open path, all rendered within an HTML `<svg>` element. The code uses raw SVG markup, not a JavaScript library, to demonstrate fundamental shape definitions and attributes like `cx`, `cy`, `r`, `fill`, `stroke`, and `d`. The viewport is set to 960 by 500 pixels, and shapes are placed at explicit coordinates. The path’s `d` attribute contains a malformed syntax, showing a partial command sequence.