SVG Fundamentals
This example demonstrates basic SVG shapes—circle, line, path, and rect—statically rendered within a 500 by 500 canvas. It highlights CSS integration, including a `transition` rule for rectangles that animates over 3000 milliseconds, though the hover state’s `fill` uses quoted strings, which are non-standard CSS values. The markup uses core SVG attributes directly, such as `stroke-width`, `fill`, and `d` for paths, with no external libraries.