SVG Fundamentals
This example demonstrates how to construct basic SVG shapes—including circles, rectangles, and paths—using raw SVG elements in an HTML page. It shows how CSS styles SVG elements, while JavaScript adds interactivity by manipulating attributes dynamically. The code relies on the native SVG DOM API and standard JavaScript methods like `document.createElementNS` and `setAttribute`, with no external libraries. The rendering approach is purely declarative, building shapes directly in the browser without data binding or charting abstractions, making it a foundational primer for SVG fundamentals.