SVG Fundamentals
This example demonstrates basic SVG shape creation, including circles, rectangles, lines, and paths, rendered directly in the browser. It shows how to set visual attributes like fill, stroke, and stroke-width for each element. The code uses raw SVG markup within an HTML document and initializes D3 version 6 through a JavaScript file that imports the `select` function to output text to the page body. The rendering approach relies on the SVG coordinate system, with all shapes defined by explicit x, y, and dimension properties.