Shapes and Colors with SVG and CSS
This example demonstrates basic SVG shapes and CSS styling within an HTML page. It shows how to draw circles and rectangles, some with explicit fill colors and others relying on default styles. The graphic uses a scalable vector graphic canvas and applies a transform to scale the entire group of shapes. The code relies on the SVG API for rendering and CSS for document layout, with a video embedded alongside to illustrate the concepts.