SVG Fundamentals
This example demonstrates the fundamental building blocks of SVG graphics, showing how basic shapes, paths, and text elements render in the browser. The code uses the SVG API directly within an HTML document, with no external libraries, to construct a static scene from simple geometric primitives and styling attributes. It illustrates the core syntax and structure of SVG markup, including elements like circles, rects, and paths, which the D3.js ecosystem commonly manipulates for data-driven visualizations. The example serves as a pedagogical reference for understanding how SVG coordinates, fill, stroke, and transforms work before applying them in more complex charting contexts.