This example demonstrates a basic SVG scatterplot using three circles positioned at different coordinates with distinct fill colors. The visualization shows how SVG elements are structured and styled directly within an HTML document, with each circle representing a data point on a 960x500 canvas. The code uses raw SVG elements—`<svg>`, `<circle>`, and attributes like `cx`, `cy`, `r`, and `fill`—without any JavaScript libraries or data binding. It serves as a minimal introduction to SVG fundamentals, illustrating how to create and align basic shapes in a rendering context.