About

Miscalculating the area of an irregular quadrilateral leads to material waste in construction, incorrect land valuations, and flawed engineering designs. Unlike triangles, quadrilaterals lack a single universal formula. The method depends on what you know: vertex coordinates use the Shoelace (Gauss) formula, while known side lengths with diagonals require Bretschneider's generalization. This calculator implements both paths with full numerical precision. It also renders an interactive canvas where you drag vertices and watch the area update in real time.

The tool assumes a simple (non-self-intersecting) quadrilateral. For self-intersecting (crossed) quadrilaterals the Shoelace formula returns the net signed area, which may not match geometric intuition. Coordinates are processed in vertex order A → B → C → D. If your vertices form a concave shape, the calculator still works correctly provided the polygon does not self-intersect. Pro tip: always input vertices in sequential (clockwise or counter-clockwise) order, not diagonal order.

Formulas

The primary method for vertex-based computation is the Shoelace (Gauss's area) formula. Given vertices in sequential order:

A = 12 | n∑i=1 (x_i × y_i+1 − x_i+1 × y_i) |

Where n = 4 for a quadrilateral, indices wrap so vertex 5 = vertex 1. Each (x_i, y_i) is a vertex coordinate pair.

For the sides-and-diagonals method, the quadrilateral is split into two triangles by diagonal p. Each triangle's area is computed via Heron's formula:

A_triangle = √s(s − a)(s − b)(s − c)

Where s = a + b + c2 is the semi-perimeter. Triangle 1 uses sides a, b, p and Triangle 2 uses sides c, d, p. The total area is A₁ + A₂. The second diagonal q constrains the shape uniquely but is used for validation rather than directly in the split.

Reference Data

Quadrilateral Type	Area Formula	Required Inputs	Special Condition
Square	A = a²	Side a	All sides equal, all angles 90°
Rectangle	A = a × b	Length, Width	Opposite sides equal, all angles 90°
Rhombus	A = d₁ × d₂2	Diagonals d₁, d₂	All sides equal, diagonals bisect at 90°
Parallelogram	A = b × h	Base, Height	Opposite sides parallel & equal
Trapezoid (US)	A = (a + b)2 × h	Parallel sides, Height	One pair of parallel sides
Kite	A = d₁ × d₂2	Diagonals	Two pairs of adjacent equal sides
General (Coordinates)	Shoelace formula	4 vertices (x, y)	Non-self-intersecting
General (Sides+Diags)	Bretschneider's formula	4 sides, 2 diagonals	Triangle inequality on sub-triangles
Cyclic Quadrilateral	A = √(s−a)(s−b)(s−c)(s−d)	4 sides	All vertices on a circle (Brahmagupta)
Tangential Quadrilateral	A = r × s	Inradius, Semi-perimeter	Incircle touches all 4 sides
Irregular (Surveyor)	Coordinate method	GPS / Survey coordinates	Must close polygon path
Self-Intersecting	Net signed area (Shoelace)	4 vertices	Edges cross; result is net area

Frequently Asked Questions

The Shoelace formula computes a signed area based on the cross-product of consecutive vertex position vectors. If vertices are not in sequential order (e.g., you list them diagonally as A, C, B, D instead of A, B, C, D), the resulting polygon self-intersects and the formula returns the net signed area of the overlapping regions, not the geometric area you expect. Always list vertices in clockwise or counter-clockwise traversal order.

Yes. The Shoelace formula works correctly for any simple (non-self-intersecting) polygon regardless of convexity. A concave quadrilateral where one interior angle exceeds 180° will still produce the correct area. The interactive canvas will also render concave shapes accurately. However, the sides-and-diagonals method requires that both sub-triangles formed by the diagonal satisfy the triangle inequality.

Four side lengths alone do not uniquely define a quadrilateral (unlike a triangle with three sides). Adding one diagonal p splits the quadrilateral into two triangles, each determined by SSS (three sides). This makes the shape rigid. The second diagonal q is used as a consistency check: the calculator verifies that the two diagonals are geometrically compatible with the given side lengths. If they conflict, an error is shown.

All computations use IEEE 754 double-precision floating point (64-bit), which provides approximately 15-17 significant decimal digits. Results are displayed rounded to 4 decimal places by default. For land survey applications requiring sub-millimeter accuracy, this precision is more than sufficient for plots up to several square kilometers.

The calculator validates each sub-triangle using the strict triangle inequality: the sum of any two sides must exceed the third. If diagonal p with sides a, b fails (a + b ≤ p), the tool displays an error explaining which triangle is degenerate. Similarly, if the two diagonals are inconsistent with each other given the sides, a geometric incompatibility error is raised.

The canvas maps pixel positions to coordinate space using a linear transform. Dragged vertex positions are snapped to 0.1 unit increments and reflected exactly in the coordinate input fields. There is no loss of precision from using the canvas versus typing. The coordinate fields always show the authoritative values and can be manually refined after dragging.