SVG Fundamentals
This example demonstrates a set of basic SVG shapes arranged in a fixed 500×300 coordinate space, including stroked rectangles, diagonal lines, and a solid circle. The rendering approach relies on raw SVG elements defined directly in the HTML markup, using attributes such as `rect`, `line`, `circle`, `stroke-width`, and `fill`. No JavaScript libraries or data binding are involved; the visualization is purely static and hand-coded, with a minimalist aesthetic achieved through deepskyblue and deeppink colors.