svg-fundamentals
This example demonstrates basic SVG shapes rendered directly in a web page, including paths, circles, rectangles, and lines. A green path connects two line segments using relative and absolute coordinates, while layered circles show opacity blending, and a styled rectangle includes stroke properties. The code uses the raw SVG API with elements like `<path>`, `<circle>`, `<rect>`, and `<line>`, with attributes such as `d`, `cx`, `r`, and `stroke-width`. It draws on Curran Kelleher’s 2022 D3 course materials to illustrate fundamental vector graphics without involving D3 or external data sources.