Visual Tools
Calculators
Tables
Mathematical Keyboard
Converters
Other Tools


Square of a Trinomial (a+b+c)²

(a+b+c)²
Speed




Visualizing (a+b+c)² as a 3×3 Grid

This visualizer extends the square-of-a-sum dissection to three terms. A square of side a+b+ca+b+c is split into nine rectangles arranged as a 3×3 grid: three squared terms on the diagonal and six cross-product rectangles in three matched pairs. The full identity (a+b+c)2=a2+b2+c2+2ab+2ac+2bc(a+b+c)^2 = a^2 + b^2 + c^2 + 2ab + 2ac + 2bc falls out of summing the nine pieces — and the explosion view at the end separates them so each one can be seen on its own.



The (a+b+c)² Identity at a Glance

The square of a trinomial identity expands the square of a three-term sum:

(a+b+c)2=a2+b2+c2+2ab+2ac+2bc(a+b+c)^2 = a^2 + b^2 + c^2 + 2ab + 2ac + 2bc


Three squared terms cover the diagonal of the expansion. Three cross-product terms cover the off-diagonal pairs, each appearing with a coefficient of 22. Six terms total — fewer than the nine you might initially expect, because cross products like abab and baba are equal and combine.

This identity is the natural step beyond (a+b)2(a+b)^2. The same dissection logic that proves the binomial case extends with no modification: more terms, more pieces, same area-conservation argument.

Reading the Starting Square

Step 1 of the animation shows a square of side a+b+ca+b+c, with (a+b+c)2(a+b+c)^2 floating as a centred label and dimension marks "a+b+ca+b+c" along the top and left edges. The square's area is (a+b+c)×(a+b+c)=(a+b+c)2(a+b+c) \times (a+b+c) = (a+b+c)^2 — the quantity to be decomposed.

The starting frame is intentionally similar to the (a+b)2(a+b)^2 frame, just with one more term in the side length. The next steps will show that the structural argument is identical to the binomial case, only with a 3×3 grid replacing the 2×2 grid.

Splitting Each Side into Three Segments

Step 2 splits each side of the square into three labelled segments: aa, then bb, then cc. Both the top and left edges show this three-way split, and the dimension labels rearrange to display each segment separately while still showing the full "a+b+ca+b+c" total.

The labels on the top and left edges read aa, bb, cc in the same order. This consistent labelling is essential for the next step: when the grid lines are drawn, the cell at row ii, column jj will have dimensions equal to the iith segment by the jjth segment — and the labelling makes those dimensions immediately readable.

No area has been added or removed. The square is still the same square; only its boundary description has been refined.

Building the 3×3 Grid

Step 3 fills in the dissection. Two vertical lines drop from the aa/bb and bb/cc tick marks on the top edge. Two horizontal lines extend from the aa/bb and bb/cc tick marks on the left edge. Together they partition the square into nine rectangles arranged as a 3×3 grid.

Each cell takes a colour and a label according to its dimensions:

Diagonal cells (top-left, centre, bottom-right) are squares with sides aa, bb, cc respectively. They are labelled a2a^2, b2b^2, c2c^2, each in a unique colour.

Off-diagonal cells are rectangles. The top-middle and middle-left both have dimensions aa and bb and are labelled abab. The top-right and bottom-left both have dimensions aa and cc and are labelled acac. The middle-right and bottom-middle both have dimensions bb and cc and are labelled bcbc. Each off-diagonal pair shares a colour to emphasise that the two cells in a pair are equal.

The Explosion View

Step 4 visually separates the nine pieces with an oscillating explosion. Every cell drifts outward from the centre of the square, gaps opening between rows and columns, then drifts back together. The motion repeats so the layout can be read in either configuration.

Pulled apart, the nine cells become individually inspectable. The three diagonal squares stand out: a2a^2, b2b^2, c2c^2 in their distinct colours. The three off-diagonal pairs now read clearly as twin pieces: two abab rectangles, two acac rectangles, two bcbc rectangles, each pair sharing a colour. Adding all nine areas:

a2+b2+c2+ab+ab+ac+ac+bc+bca^2 + b^2 + c^2 + ab + ab + ac + ac + bc + bc


=a2+b2+c2+2ab+2ac+2bc= a^2 + b^2 + c^2 + 2ab + 2ac + 2bc


The total area equals (a+b+c)2(a+b+c)^2 from the original square, so:

(a+b+c)2=a2+b2+c2+2ab+2ac+2bc(a+b+c)^2 = a^2 + b^2 + c^2 + 2ab + 2ac + 2bc

Why Each Cross Product is Doubled

The 3×3 grid has nine cells but produces only six distinct expression values. The reason is symmetry: the cell at row ii, column jj has dimensions equal to the iith and jjth segments, but the cell at row jj, column ii has the same dimensions in the opposite orientation. They are different geometric pieces in different positions, but they have the same area.

Specifically:

• Top-middle cell has dimensions a×ba \times b. Middle-left cell has dimensions b×ab \times a. Same area abab.

• Top-right has dimensions a×ca \times c. Bottom-left has dimensions c×ac \times a. Same area acac.

• Middle-right has dimensions b×cb \times c. Bottom-middle has dimensions c×bc \times b. Same area bcbc.

Three pairs of equal cells produce the three doubled cross products. The symmetry is purely geometric — it follows from the commutativity of multiplication, xy=yxxy = yx, manifested as area-preserving rotation of a rectangle.

Using the Controls

Five controls drive the animation:

Play runs the full proof. After step 3 fills the grid, step 4 starts the perpetual explode-and-reform oscillation that reveals the nine pieces individually.

Pause stops the current animation, including the stage-4 oscillation, in place.

Step Forward and Step Back move through the four steps. Forward from step 3 starts the oscillation; Back from step 3 returns to the unfilled grid.

Reset returns to step 1 and replays the intro fade-in.

Speed controls all transitions and the explosion oscillation, from 0.5× to 2×. The grid is more readable at slower speeds; the oscillation is more dramatic at faster speeds.

The right panel lists the four written steps with the current step highlighted.

Related Concepts and Tools

Algebraic Identities — Hub for all four identity visualizers.

Square of a Sum — The 2×2 case of the same dissection logic. Recommended starting point if the trinomial proof feels dense.

Square of a Difference — The signed companion: (ab)2=a22ab+b2(a-b)^2 = a^2 - 2ab + b^2.

Difference of Squares — Factors a2b2a^2 - b^2. Same family of two-term identities.

Polynomials — Theory of polynomial expansion, in which the trinomial square is a standard tool for higher-degree manipulations.

Powers Table — Reference for integer powers, useful when checking trinomial expansions at specific values.