Linear Algebra, Interactive EditionXYZ Homework Edition

⇩ Download ▾

0.3 Adding Vectors: Parallelograms and Boxes

Two displacements performed one after the other are a single displacement. Walk along ๐ฎ\mathbf{u}, then along ๐ฏ\mathbf{v}: you end up somewhere, and the arrow from where you started to where you ended is the sum ๐ฎ+๐ฏ\mathbf{u} + \mathbf{v}. Drawn, that is the head-to-tail rule โ€” slide ๐ฏ\mathbf{v} so its tail sits on the head of ๐ฎ\mathbf{u}, and the sum runs from the tail of ๐ฎ\mathbf{u} to the head of ๐ฏ\mathbf{v}. Walking ๐ฏ\mathbf{v} first and then ๐ฎ\mathbf{u} lands you at the same place, so ๐ฎ+๐ฏ=๐ฏ+๐ฎ\mathbf{u} + \mathbf{v} = \mathbf{v} + \mathbf{u}, and the two routes together trace a parallelogram whose sides are copies of ๐ฎ\mathbf{u} and ๐ฏ\mathbf{v}. The sum is its diagonal from the shared tail.

Parallelograms live in a plane, so the first figure is drawn in one: two vectors on four sliders, their sum, and the parallelogram they span.

Interactive figureThe parallelogram law of vector additionDrag the 4 sliders below the figure.
A dashed-outlined parallelogram with one corner at the origin, spanned by a red arrow u to (a, b) and a blue arrow v to (c, d), with a thicker purple arrow from the origin to the far corner (a + c, b + d) labeled u + v. Dashed copies of each vector complete the far sides, and a dotted gray arrow from the tip of v to the tip of u is the other diagonal, labeled u - v. Four sliders set the two vectors' components. Dragging any slider moves that vector's tip, the far corner follows so that the purple arrow is always the diagonal, and when v is dragged to point opposite u the parallelogram flattens to a segment and the purple arrow shrinks to nothing. Adjustable parameters: u, x-component (a) = 3, u, y-component (b) = 1, v, x-component (c) = 1, v, y-component (d) = 2. Viewing window: x from -4.19 to 6.99, y from -1.98 to 4.78.
XYZ Graph · viewer build 5edf91b
The parallelogram spanned by ๐ฎ=(a,b)\mathbf{u} = (a, b) in red and ๐ฏ=(c,d)\mathbf{v} = (c, d) in blue. The purple diagonal from the origin is ๐ฎ+๐ฏ\mathbf{u} + \mathbf{v}; the dotted gray diagonal from the tip of ๐ฏ\mathbf{v} to the tip of ๐ฎ\mathbf{u} is ๐ฎโˆ’๐ฏ\mathbf{u} - \mathbf{v}.

Explore the figure

  1. At the starting values ๐ฎ=(3,1)\mathbf{u} = (3, 1) and ๐ฏ=(1,2)\mathbf{v} = (1, 2), read the far corner: it sits at (4,3)(4, 3), which is (3+1,1+2)(3 + 1, \; 1 + 2). Adding the components adds the arrows. As a bonus, the sum has length 16+9=5\sqrt{16 + 9} = 5.
  2. Follow the dashed blue copy of ๐ฏ\mathbf{v} that starts at the tip of ๐ฎ\mathbf{u}. It ends at the far corner: that is head-to-tail addition. The dashed red copy of ๐ฎ\mathbf{u}, starting at the tip of ๐ฏ\mathbf{v}, ends at the same corner โ€” the other order, the same sum.
  3. Drag cc to โˆ’3-3. Now ๐ฏ=(โˆ’3,2)\mathbf{v} = (-3, 2) and the far corner is at (0,3)(0, 3): the parallelogram leans backward and the sum points straight up. A sum can be shorter than either of its parts.
  4. Set c=โˆ’3c = -3 and d=โˆ’1d = -1, so that ๐ฏ=(โˆ’3,โˆ’1)=โˆ’๐ฎ\mathbf{v} = (-3, -1) = -\mathbf{u}. The parallelogram flattens to a segment and the purple arrow disappears: ๐ฎ+(โˆ’๐ฎ)=0\mathbf{u} + (-\mathbf{u}) = \mathbf{0}.
  5. Return to the starting values and look at the dotted gray arrow from the tip of ๐ฏ\mathbf{v} to the tip of ๐ฎ\mathbf{u}. Head minus tail gives (3โˆ’1,1โˆ’2)=(2,โˆ’1)(3 - 1, \; 1 - 2) = (2, -1), which is ๐ฎโˆ’๐ฏ\mathbf{u} - \mathbf{v}: the other diagonal of the same parallelogram, and the arrow you would add to ๐ฏ\mathbf{v} to reach ๐ฎ\mathbf{u}.

Adding by components

The corner did the algebra for you. Sliding ๐ฏ\mathbf{v} to start at the head of ๐ฎ\mathbf{u} moves its head by exactly the components of ๐ฎ\mathbf{u}, so the head of the sum is at (u1+v1,u2+v2)(u_1 + v_1, \; u_2 + v_2). In โ„n\mathbb{R}^n the same sentence has nn clauses:

๐ฎ + ๐ฏ = ( u 1 + v 1 , u 2 + v 2 , โ€ฆ , u n + v n ) \mathbf{u} + \mathbf{v} = (u_1 + v_1, \; u_2 + v_2, \; \dots, \; u_n + v_n)

Subtraction is addition of the opposite: ๐ฎโˆ’๐ฏ=๐ฎ+(โˆ’๐ฏ)\mathbf{u} - \mathbf{v} = \mathbf{u} + (-\mathbf{v}), where โˆ’๐ฏ-\mathbf{v} has every component negated, so the difference is computed component by component too. Geometrically ๐ฎโˆ’๐ฏ\mathbf{u} - \mathbf{v} is the arrow from the head of ๐ฏ\mathbf{v} to the head of ๐ฎ\mathbf{u} โ€” head minus tail once more โ€” which is why it appears as the second diagonal.

Because addition happens one component at a time, it inherits the arithmetic of ordinary numbers. For all vectors ๐ฎ\mathbf{u}, ๐ฏ\mathbf{v}, ๐ฐ\mathbf{w} of โ„n\mathbb{R}^n:

Each is checked by looking at one component: the iith component of ๐ฎ+๐ฏ\mathbf{u} + \mathbf{v} is ui+viu_i + v_i, which equals vi+uiv_i + u_i, the iith component of ๐ฏ+๐ฎ\mathbf{v} + \mathbf{u}. Four more rules arrive in the next section once scalars join in, and the eight together are the rules of the game for the whole book.

Three vectors, one diagonal

Head-to-tail addition is not a plane fact โ€” it works for arrows anywhere in space, and it works for more than two arrows. The second figure adds three: ๐ฎ=(2,1,0)\mathbf{u} = (2, 1, 0) and ๐ฏ=(โˆ’1,2,0)\mathbf{v} = (-1, 2, 0) lie in the floor, and ๐ฐ=(1,1,h)\mathbf{w} = (1, 1, h) climbs by a slider. Three vectors that are not all in one plane span a parallelepiped, a box with parallelogram faces, and their sum is its long diagonal.

A slanted box, a parallelepiped, standing on a horizontal grid with one corner at the origin. Three thick shaded arrows leave the origin: one, u, to (2, 1, 0) and another, v, to (-1, 2, 0), both flat on the floor and at right angles to each other, and a third, w, rising to (1, 1, h), where h is set by a slider that starts at 2. The three faces that meet at the origin are shaded translucent, and the remaining nine edges are thin gray lines. A thinner copy of v starts at the tip of u, a thinner copy of w starts where that copy ends, and the head-to-tail path finishes at the far corner of the box, at (2, 4, h). A fourth thick arrow runs from the origin straight to that corner: the diagonal, which is the sum u + v + w. Dragging h raises or lowers the top of the box, and the diagonal arrow tilts to keep its tip on the moving corner; at h = 0 the box flattens onto the floor and the diagonal lies flat with it, and at negative h the box hangs below the floor.Explore in 3D (opens in a new tab)
The box spanned by ๐ฎ=(2,1,0)\mathbf{u} = (2, 1, 0), ๐ฏ=(โˆ’1,2,0)\mathbf{v} = (-1, 2, 0) and ๐ฐ=(1,1,h)\mathbf{w} = (1, 1, h), with the three faces at the origin shaded. The thin copies run head to tail โ€” ๐ฎ\mathbf{u}, then ๐ฏ\mathbf{v}, then ๐ฐ\mathbf{w} โ€” and finishes at the far corner, which the fourth arrow, the diagonal ๐ฎ+๐ฏ+๐ฐ\mathbf{u} + \mathbf{v} + \mathbf{w}, reaches directly.

Explore the box

  1. Orbit the box at the starting value h=2h = 2. The thin copy of ๐ฏ\mathbf{v} leaves the tip of ๐ฎ\mathbf{u}, the thin copy of ๐ฐ\mathbf{w} leaves the tip of that, and the path ends at the box's far corner. Read the corner: (2,4,2)(2, 4, 2), which is (2โˆ’1+1,1+2+1,0+0+2)(2 - 1 + 1, \; 1 + 2 + 1, \; 0 + 0 + 2).
  2. The diagonal arrow goes straight from the origin to that corner, so it is the sum. Every one of the box's other diagonals is a sum too, with different signs: the one from the tip of ๐ฎ\mathbf{u} to the opposite corner is ๐ฏ+๐ฐโˆ’๐ฎ\mathbf{v} + \mathbf{w} - \mathbf{u}.
  3. Drag hh to 00. All three vectors now lie in the floor, the box collapses to a flat parallelogram, and the diagonal lies flat with it, ending at (2,4,0)(2, 4, 0). Three vectors in one plane span no volume โ€” a fact Chapter 4 will measure with a determinant.
  4. Drag hh to โˆ’2-2. The box hangs below the floor and the diagonal dips to (2,4,โˆ’2)(2, 4, -2). Only the third component of the sum has changed, because only ๐ฐ\mathbf{w}'s third component did.
[130]\begin{bmatrix}1 \\ 3 \\ 0\end{bmatrix}
The first two vectors, added โœ“ Computed ยท mojocas 0.1.0 โœ“ Agrees with the text The first two vectors, added, computed exactly by mojocas 0.1.0, and confirmed to agree with the result stated in the text.

The vectors ๐ฎ\mathbf{u} and ๐ฏ\mathbf{v} of the box, stacked as columns and added by a computer algebra system: (1,3,0)(1, 3, 0), the corner of the floor parallelogram.

[242]\begin{bmatrix}2 \\ 4 \\ 2\end{bmatrix}
Then the third โœ“ Computed ยท mojocas 0.1.0 โœ“ Agrees with the text Then the third, computed exactly by mojocas 0.1.0, and confirmed to agree with the result stated in the text.

The same sum with ๐ฐ\mathbf{w} added at h=2h = 2: (2,4,2)(2, 4, 2), the far corner of the box. Head-to-tail addition is associative, so it does not matter that this was done in two steps.

[10โˆ’2]\begin{bmatrix}1 \\ 0 \\ -2\end{bmatrix}
A difference โœ“ Computed ยท mojocas 0.1.0 โœ“ Agrees with the text A difference, computed exactly by mojocas 0.1.0, and confirmed to agree with the result stated in the text.

The difference ๐ฎโˆ’๐ฐ\mathbf{u} - \mathbf{w}, computed component by component: (1,0,โˆ’2)(1, 0, -2).

An original work of XYZ Homework, built around interactive XYZ 3D figures. Its chapter sequence is aligned to Interactive Linear Algebra (Margalit & Rabinoff, Georgia Tech, GNU FDL); this work is original, copies nothing from it, and is not affiliated with or endorsed by its authors. License: CC-BY-NC-SA-4.0.

These eBooks are a prerelease and are not yet certified conformant with WCAG 2.1 AA or ADA Title II. Every page is built against an automated accessibility gate, and the published editions will meet ADA Title II requirements when they release in late September 2026. If something is unusable, please tell us.