D3.js Basic Shapes
This example demonstrates fundamental SVG shape creation and geometric transformations using D3.js v4. It draws circles, lines, and rectangles with various colors and stroke widths, then shows how to apply translation, scaling, and rotation operations to these shapes. The code appends SVG elements directly to the body and uses D3's selection methods to set attributes like `cx`, `cy`, `r`, and `transform`, and includes text labels to annotate each operation.