SVG Fundamentals
This example demonstrates basic SVG shapes and attributes in a static visualization. The code uses raw SVG elements—circles, rectangles, lines, and a path—to show variations in fill color, stroke width, positioning, and dimensions. Rendering is done directly in the browser via the SVG namespace, with no external libraries. A blue-bordered rectangle frames the drawing area, while a yellow rectangle with a navy stroke illustrates fill and outline contrast. The line and path elements display simple coordinate-based drawing without animation or interactivity, serving as a primer for SVG fundamentals.