Polygon Area Explorer

Why area feels hard

Area is the amount of flat space inside a shape, measured in square units. Most people learned a list of formulas without ever seeing why they work, so the list never stuck.

The Polygon Area Explorer puts the shape on a grid so you can count, drag, and take it apart. Once you see that a triangle is half of a rectangle with the same base and height, the formula stops being magic.

What is this module?

The module shows one polygon on a coordinate grid. You pick a shape (triangle, rectangle, parallelogram, trapezoid, or a free quadrilateral) and drag its vertices. The vertices snap to grid points, so all the coordinates are whole numbers.

As you drag, the area and its formula update live. Horizontal and vertical sides show their length, so you can read the base straight off the coordinates. A dashed line marks the height. Turn on Decompose to split the shape into triangles.

What they're learning

The big idea is that every area formula is a shortcut for counting squares.

• Base and height, not side. The height is the perpendicular distance between the base and the opposite side, not a slanted edge. This is the mistake to watch for.
• Triangle is half. A triangle has half the area of a rectangle with the same base and height: A = ½ × b × h.
• Parallelogram slides into a rectangle. Same base times height: A = b × h.
• Trapezoid averages its bases. A = ½ × (b₁ + b₂) × h.
• Decomposing. Any polygon can be split into triangles, and the pieces add up to the whole area.
• Reading from coordinates. A side from (−2, 3) to (5, 3) is 7 units long, because you subtract the x-coordinates (6.G.A.3).

The most common error is using a slanted side as the height. Point at the dashed line and say "this, not that."

Aliases

• Area formulas
• Triangles, parallelograms, trapezoids
• Decomposing shapes
• Coordinate geometry
• Base and height

Refresher

Area is the flat space inside a shape, measured in square units. Every area formula is a shortcut for counting squares. The height is always the perpendicular distance from the base, never a slanted side.

Try this together

Keep it to a few shapes. Let the dragging do the work.

1. Choose the Triangle. Drag the top vertex up and down and watch the height and area change together.
2. Choose the Rectangle and compare it to the Triangle. Same base, but the triangle is half.
3. Choose the Parallelogram and ask why it has the same area as a rectangle with the same base and height.
4. Turn on Decompose and add up the triangle areas together. They should match the area on the label.

If the numbers seem to jump around while dragging, that is just snapping to grid points. Press Reset shape to start again.

Words you might hear

• Polygon: a closed flat shape with straight sides, such as a triangle or quadrilateral.
• Base and height: the bottom side and the perpendicular distance to the far side. They must meet at a right angle.
• Square units: the unit for area, because you are counting squares.
• Decompose: break a shape into simpler pieces whose areas you know.
• Vertex: a corner of a polygon. The plural is vertices.
• Coordinates: the (x, y) pair that fixes a vertex in place on the grid.

Deeper dive

A triangle has half the area of a rectangle with the same base and height, so A = ½ × b × h. A parallelogram slides into that same rectangle, so A = b × h. A trapezoid averages its two bases, so A = ½ × (b₁ + b₂) × h.

To find the base from coordinates, subtract: a side from (−2, 3) to (5, 3) is 7 units long. Turning on Decompose splits the shape into triangles and shows the pieces adding up to the whole.