Three overlapping SVG circles demonstrate fundamental vector graphics composition: two translucent cyan and magenta circles meet in the center, while a third circle uses a linearGradient for a shaded effect. All shapes are rendered statically in index.html using raw SVG elements (circle, defs, linearGradient) with an inline stylesheet setting the canvas background color. The example showcases basic SVG coordinate systems via the viewBox attribute and alpha blending through rgba fill colors, with no external libraries or data sources involved.