Symetry Canvas
Launch this tool in a distraction-free environment optimized for classroom instruction.
About
What is the Symmetry Canvas?
The Symmetry Canvas is an immersive digital art studio that uses mathematical reflection to generate
mesmerizing, perfectly balanced patterns in real-time. As you draw a single line or place a geometric shape,
the application instantly calculates its mirror image across specific axes, allowing anyone to effortlessly
create complex mandalas, kaleidoscopic art, and beautiful geometric designs.
STEM connections
This application is a perfect fusion of spatial reasoning, creative expression, and computational thinking.
Arts: Digital Design & Mandalas
Symmetry is the foundation of visual balance. Students use color theory and spatial composition to
create complex digital artwork. By overlapping pre-defined shapes (like hearts, stars, and flowers)
with freehand drawing, learners act as digital artists, creating intricate kaleidoscopic patterns
and logos.
Mathematics: Coordinate Geometry
Behind every brushstroke is the math of coordinate planes. The canvas translates a single
(x, y) coordinate into mirrored geometric points. "1 Line" teaches basic vertical
reflection (-x, y), while "Diag" introduces complex multi-axis reflections, creating 8
simultaneous mirrored quadrants!
Technology: Algorithmic Rendering
How does the computer draw 8 shapes at once without lagging? This introduces students to
computational logic and rendering algorithms. The app uses event listeners to track screen
coordinates and instantly loops through mathematical arrays to render multiple paths onto an HTML5
Canvas in real-time.