Area & Perimeter
{{ stepTitles[currentStep - 1] }}
1. AREA is the space INSIDE.
Tap all the dirt squares to plant seeds!
2. PERIMETER is the distance AROUND.
Tap the gray outlines to build a fence!
Area
{{ s1AreaTapped.size }} sq
Perimeter
{{ s1PerimTapped.size }}
🌱
Same Area, Different Perimeter?
Drag the two shapes that have an Area of 12 onto the scales.
startDrag(shape, e)">
{{ shape.w }} × {{ shape.h }}
Drop Shape Here
Perimeter
{{ (s2DropZone1.w + s2DropZone1.h) * 2 }}
??
Area 12
Drop Shape Here
Perimeter
{{ (s2DropZone2.w + s2DropZone2.h) * 2 }}
??
Area 12
Amazing! Same space inside, but different amounts of fence needed!
Same Perimeter, Different Area
You have exactly 16 units of fence.
Slide to build the shape with the BIGGEST Area!
Area
{{ s3Area }}
{{ s3Width }}
{{ s3Height }}
Perimeter = 16
Wide & Short
Tall & Thin
The Master Builder
Draw any shape that matches BOTH targets.
(Drag or swipe over the grid to paint)
Target Area
{{ s4Area }} / {{ s4Target.a }}
Target Perimeter
{{ s4Perim }} / {{ s4Target.p }}