This example demonstrates the fundamental building blocks of SVG by creating and manipulating vector graphics directly through the DOM. The code uses the `document.createElementNS` API to construct SVG elements programmatically in plain JavaScript, with no external libraries. It renders a simple visualization from scratch, showing how basic shapes and attributes are defined and assembled within an HTML page that loads a single `scripts.js` file. The approach highlights the raw SVG syntax and DOM manipulation techniques that form the foundation for more complex data-driven visualizations.