On Board 1, the two sliders on the left set the base and the height. The triangle and the parallelogram on the right are both wired to those two sliders, so changing the base or the height reshapes both figures and updates both areas.
A triangle is exactly half a parallelogram
The board starts with a base of 6 and a height of 4. The parallelogram's area is 6 × 4 = 24. The triangle's is 6 × 4 ÷ 2 = 12 — exactly half of 24.
The two figures use the same base and the same height. The only difference in the formula is the ÷ 2 at the end.
Why half
A line across a parallelogram from one corner to the opposite corner is a diagonal, and it splits the parallelogram into two triangles of exactly the same shape and size.
Each of those triangles has the same base and height as the parallelogram. Two identical triangles make up the whole, so one of them is half.
It works the other way round too. Any triangle and a copy of it turned half a turn, fitted together along a side that is not the base, form a parallelogram with the same base and height.
And why is a parallelogram base × height? Cutting a right triangle off one end and moving it to the other end turns the parallelogram into a rectangle. The base and height have not changed, so the area is the rectangle's, base × height. A triangle is half of that: base × height ÷ 2.
Moving the top corner keeps the area
A base and a height do not fix a triangle's shape. With the same base and height, the top corner can sit in different places. Board 2 wires the same base and height into two differently shaped triangles.