SVG Fundamentals
This example demonstrates the fundamental building blocks of SVG graphics using three circles positioned across a canvas. The visualization shows how SVG shapes are defined through XML-like tags, with each circle’s geometry controlled by attributes for horizontal position, vertical position, and radius. The code uses the HTML `<svg>` element directly within a web page, along with JavaScript and CSS for basic styling. The circles are rendered with default black fill, except where the `fill` attribute explicitly overrides it to red, illustrating how SVG attributes control visual properties. The bare-bones HTML file serves as a minimal starting point for creating vector graphics on the web, referencing the React Starter template for further exploration.