Shape Space: Build, Compare, and Transform 2D Figures

Drop, resize, and rotate 2D shapes on a grid while live perimeter and area update for single and composite figures.

  • geometry
  • perimeter
  • area
  • transformations
  • composite-figures
Subject
Geometry
Difficulty
Medium
Duration
8 min
Ages
8-12

How to Play

🟢 Drop and Explore Your First Shape

Choose a shape from the palette and click to place it on the grid. Drag to move it around, use the curved arrow to rotate it, or delete it if you want to start over. Play with a few shapes just to see how the workspace behaves.

🎛 Edit Dimensions and Watch the Math React

Open the inspector to adjust measurements: change a rectangle’s width, a triangle’s angle, or a circle’s radius. Each adjustment instantly updates the shape on the canvas and recalculates perimeter and area. Try making a shape twice as big or adjusting only one side to see how the formulas respond.

🎨 Build Something Bigger

Clone shapes to save time, recolor them for clarity, and stack or align pieces to make composite figures. Try building a robot face from circles and triangles, or model something from your classroom — a poster, a window, or a desk. Use multiple shapes to discover how areas add and how perimeters may or may not.

🔁 Transform and Compare

Move, rotate, and resize shapes to explore geometric transformations. Ask yourself: What changes the area? What changes only the perimeter? Experiment with multiple versions of the same shape and compare their measurements side by side.

Study Notes

📐 Formulas Come Alive

Seeing perimeter and area change with every adjustment makes formulas feel intuitive rather than abstract. Learners experience firsthand that doubling one side of a rectangle doesn’t double its area unless both dimensions scale.

↔️ Transformations in Action

Dragging a shape is a translation, rotating it shows rotation, and resizing demonstrates dilation. These motions help students recognize geometric transformations not as rules, but as natural movements of shapes in space.

🏗️ Composite Figures and Real Objects

Layering shapes mimics how real-world designs are built from simpler parts. Recreate an object — the school flag, a tablet screen, or a game board — and study how each piece contributes to the total area and perimeter. Explaining these combinations deepens understanding of how geometry is used everywhere.

Shape Space encourages curiosity: try bold changes, compare versions, and talk about why different shapes behave the way they do. It is geometry you can touch, reshape, and understand with your eyes.