SVG Fundamentals
This example demonstrates how to create basic SVG shapes using D3 version 6, showing a simple face constructed from circles with white and black fills. The code defines a static SVG scene with a large outer circle for the head, and smaller circles representing eyes with pupil details. It uses native SVG elements such as `circle` and attributes like `cx`, `cy`, `r`, and `fill` directly in the HTML markup, with no JavaScript logic or data binding. The rendering relies purely on SVG’s built-in drawing capabilities within an inline HTML document.