Online Geoboard

Build polygons on a touch-friendly online geoboard, compare area and perimeter in board units, and print or download the finished board.

Last updatedHow we build & check our tools
Results will appear here once you enter your values.

Why area and perimeter become visible on a geoboard

Give Maya four pegs at the corners of a 1-by-1 square. Her rubber band travels 4 board units around the outside and covers 1 square unit inside. Move one corner two pegs away and both numbers change in front of her. That immediate link between a movement, a shape, and two measurements is the mathematical payoff of a geoboard.

Perimeter is the easier number to see. The tool measures the straight distance from each corner to the next and includes the closing edge back to the first peg. On a square grid, horizontal and vertical neighbours are 1 unit apart. A diagonal across a unit square is about 1.41 units because the shortest path is a straight line, not a walk around two sides.

Area needs a more powerful rule because counting whole grid squares stops working when edges are diagonal or the shape turns inward. The tool uses the shoelace formula: write the corner coordinates in order, multiply across each neighbouring pair, subtract the reverse products, and divide the absolute result by 2. A triangle at (0,0), (3,0), and (0,4) gives area 6 square units. A concave L-shape also works without cutting it into rectangles first.

The formula depends on one clean boundary, so the tool prevents a band from crossing itself. Separate shapes may overlap freely. Their translucent fills show the shared region while each band keeps its own area and perimeter, which makes comparison work possible without erasing the first example.

A four-step geoboard lesson that builds mathematical language

Start with one question, not ten controls: “Can you make a shape with area 4?” A student can build a 2-by-2 square in a few seconds and read both results. The next question creates the thinking: “Can you keep the area at 4 but change the perimeter?” A 1-by-4 rectangle answers it immediately. Same inside. Different outside.

  1. Build and name. Use the 5x5 board. Ask students to make a triangle, quadrilateral, pentagon, and one shape that turns inward. Have them state the number of vertices before checking the shape card.
  2. Predict and check. Choose two peg locations and ask for the new perimeter before moving the corner. Diagonals are where estimates become useful. The displayed answer gives fast feedback without replacing the prediction.
  3. Hold one measure constant. Set a target area such as 6 square units and collect three different shapes. Then reverse the challenge: keep perimeter at 10 units and compare the areas. Students see that area and perimeter are related but not interchangeable.
  4. Explain a change. Print the board without its measurement table. Students annotate which movement increased area, which shortened perimeter, and why. Print a second copy with the table as the check sheet.

Use different band colours for different claims rather than decoration. Blue can be the original shape, red the changed shape, and green a classmate's alternative. Number labels remain visible when shapes overlap, so spoken explanations can refer to “shape 2” instead of relying on colour alone.

Choosing the square, isometric, or circular board

The board layout changes the questions students notice. Pick the layout for the idea you want to teach, not simply for the age of the class.

  • 5x5 square: the spacing is generous on a tablet and every horizontal or vertical gap is one unit. It is the clearest choice for first work with rectangles, right triangles, fractions of a square, and Pick's theorem investigations.
  • 10x10 square: the unit rule stays the same, but 100 pegs allow compound shapes, scaled copies, coordinate challenges, and several overlapping solutions. Use it when the 5x5 board forces every answer to look alike.
  • Isometric: alternate rows are offset by half a unit and the vertical spacing is √3/2, making every nearest-neighbour gap exactly one unit. Equilateral triangles, rhombi, hexagons, and 60-degree turns appear naturally. Areas often include decimals because an equilateral unit triangle has area about 0.43 square units.
  • Circular: eight pegs sit on a ring of radius 2, sixteen on a ring of radius 4, and one sits at the centre. It supports symmetry, chords, inscribed polygons, central angles, and questions about how equal-radius points can still create different side lengths.

Shapes remain saved separately on each layout while the page stays open. A teacher can prepare one square-board example and one circular-board example, switch between them during discussion, and return without rebuilding either board.

Printing and exporting a geoboard clearly

A useful print should survive a classroom photocopier. Print changes every coloured band to a black outline, removes the translucent fills, and gives overlapping shapes different dash patterns. Pegs stay solid black on bare white paper. That keeps the page readable without asking a teacher to spend colour ink on thirty copies.

  • For a worked example: leave Include the area and perimeter table checked. The board prints first and the numbered answers follow underneath. If many shapes push the table to page two, rows stay together instead of splitting across a page break.
  • For an activity sheet: turn the table off, print the board, and ask students to calculate each numbered shape. Keep a second print with the table turned on as the answer key.
  • For slides or worksheets: use SVG when the destination accepts it. Lines and peg circles remain sharp however far the image is enlarged. Use the 2100-pixel PNG when an app only accepts ordinary images.
  • Before printing: close every band you want to keep. An open draft has no area and is intentionally omitted from print and download output.

Letter and A4 are both measured with a 12 mm margin. Choose Actual size or 100% in the print dialogue when that option appears. All rendering and file creation happen in the browser, so student work is not uploaded and no account is required.

Frequently Asked Questions

Common questions about the Online Geoboard

Start on any peg, then drag to another peg or tap pegs one at a time. Keep adding corners and return to the first highlighted peg when you are ready to close the band. A completed shape needs at least three different pegs. The Close shape button makes the same final connection for you.