SVG Fundamentals
This example demonstrates how geometric patterns can be constructed with basic SVG elements. It shows a radial arrangement of circles positioned at fixed coordinates, overlaid with black lines that form a cross, diamond, and nested square grid. The visualization uses raw Scalable Vector Graphics (SVG) markup within an HTML page, specifying each circle’s center and radius explicitly and drawing connecting lines via `<line>` elements. It relies on no JavaScript or external libraries, instead illustrating the fundamental capabilities of SVG for precise, static vector rendering.