Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Fundamentals

Public visualization

Viewing a saved revision (read-only)

d8f937f8663a43e0bbf2dd1760a027f3

SVG Fundamentals

0 stars2🌍 Public
JJacky Wu
Last edited Feb 27, 2025
Created on Feb 26, 2025

This example demonstrates a low-budget Canadian flag constructed entirely from basic SVG shapes. The visualization shows a flag layout with a red maple leaf built from a triangle and a rectangular stem, set against white and red rectangular bands. The code uses raw SVG elements, including `<rect>` for the flag's stripes and stem, and `<polygon>` for the leaf. All shapes are defined directly in the `index.html` file with explicit coordinates and fill colors, rendering the static graphic without any external libraries.

AI-generated description

A demonstration of SVG shapes.