Intuition The one core idea
A projection asks a single question: "How much of one arrow points along the direction of another arrow?" Everything on the parent page — the dot product, the unit vector, the cos θ , the division by ∣ b ∣ — is just machinery built to answer that one shadow question with numbers instead of a protractor.
This page assumes you have seen nothing . We will name every symbol the parent Projection of vectors note uses, draw the picture behind it, and say why the topic cannot live without it. Read top to bottom; each block earns the next.
A vector is an arrow : it has a length and a direction . We write it a — a letter with a little arrow on top to remind us "this is an arrow, not just a number".
A plain number like 5 has only size. An arrow has size and which way it points. That "which way" is the whole reason projection exists — we are comparing directions.
In the picture the burnt-orange arrow starts at the origin (the corner point O ) and ends at its tip . The length of the arrow is how big it is; the tilt of the arrow is its direction.
The components of a vector are the numbers telling you how far it reaches rightward (x ) and upward (y ). We stack them as a = ( a x , a y ) .
Intuition Why coordinates
A protractor is slow and imprecise. If we describe an arrow by "go 3 right, 4 up", a computer (or you) can do exact arithmetic. Projection's whole goal is to replace angle-measuring with number-crunching — so we must first turn arrows into number-pairs.
a = ( 3 , 4 ) means: from O , step 3 to the right , then 4 up . The arrow to that landing spot is a .
A three-dimensional vector just adds a third number for "depth": a = ( 2 , 1 , 2 ) (used in Example 4 of the parent).
∣ a ∣ — read "the magnitude of a " — is the length of the arrow, a plain positive number. The bars mean "size of", the way ∣ − 5∣ = 5 means "size of − 5 ".
Where does its formula come from? Look again at figure s02: the components a x and a y form the two short sides of a right triangle , and the arrow a is the slanted long side (the hypotenuse). Pythagoras — "the two legs squared, added, then square-rooted" — gives the length:
∣ a ∣ = a x 2 + a y 2
( 3 , 4 )
∣ a ∣ = 3 2 + 4 2 = 9 + 16 = 25 = 5 . The classic 3-4-5 triangle.
Why the topic needs it. The scalar projection ∣ a ∣ cos θ literally begins with ∣ a ∣ — you cannot talk about "how far the shadow reaches" without a notion of length. And division by ∣ b ∣ in the formula is what stops the answer growing just because you drew b longer.
θ
θ (Greek letter "theta") is the angle you'd sweep to turn one arrow onto the other. It sits at the shared starting point of the two arrows.
The figure shows three cases you MUST be ready for:
Acute (θ < 9 0 ∘ ): arrows roughly agree in direction. Shadow lands forward .
Right angle (θ = 9 0 ∘ ): arrows are perpendicular. Shadow has zero length — no part of a points along b .
Obtuse (θ > 9 0 ∘ ): arrows disagree, pointing apart. Shadow falls on the back side — this is where the parent's minus sign comes from.
Keep all three in mind: the parent's "sign matters" section is nothing more than these three pictures.
Definition Cosine on a right triangle
For a right triangle, cos θ = (adjacent side) ÷ (hypotenuse) . "Adjacent" is the side lying along the direction you're measuring toward.
Intuition Why cosine is the shadow-maker
Drop a straight down onto the line of b . That perpendicular drop creates a right triangle whose hypotenuse is ∣ a ∣ and whose side along b is exactly the shadow. Since cos θ = ∣ a ∣ along- b side , multiplying back gives
shadow length = ∣ a ∣ cos θ .
Cosine is the function that reads off "how much lies along" a direction — that is precisely the projection question. (Sine would read off the perpendicular leftover instead.)
Sign of cosine — covering every case:
cos θ > 0 for θ < 9 0 ∘ → shadow forward (positive).
cos θ = 0 at θ = 9 0 ∘ → shadow zero.
cos θ < 0 for θ > 9 0 ∘ → shadow backward (negative).
So the single number cos θ carries both how much and which side — that's why the parent insists you never take its absolute value.
Intuition Why the topic is
built on the dot product
Notice the geometry form secretly contains cos θ . That's the magic: the component form (pure arithmetic, no angle) equals the geometry form (which has the angle we want). Set them equal and you can solve for ∣ a ∣ cos θ — the shadow length — without ever measuring an angle . This equality is the engine of the entire parent derivation. See Dot product for the full build.
Worked example Dot product of
( 3 , 4 ) and ( 1 , 0 )
a ⋅ b = 3 ( 1 ) + 4 ( 0 ) = 3 . Because b = ( 1 , 0 ) points purely rightward, the dot product simply picks out the rightward part of a — a preview of "projecting onto the x -axis".
b ^ (read "b-hat") is the unit vector along b : same direction, but length exactly 1 . Build it by shrinking b to length one:
b ^ = ∣ b ∣ b .
Intuition Why we need a length-1 arrow
A shadow has a length (a number) and lives along a direction . To turn the number into a vector we must attach a pure direction with no length of its own to interfere — that's exactly a unit vector. Multiplying "shadow length" × b ^ places the shadow along b without stretching it. See Unit vectors .
This is also why the vector projection divides by ∣ b ∣ twice : once inside b ^ to normalise the direction, once to get the length. That doubled length is written b ⋅ b = ∣ b ∣ 2 .
Two arrows are orthogonal (a fancy word for perpendicular , at 9 0 ∘ ) exactly when their dot product is zero: a ⋅ b = 0 .
Why does zero mean perpendicular? From the geometry form a ⋅ b = ∣ a ∣∣ b ∣ cos 9 0 ∘ , and cos 9 0 ∘ = 0 . So the dot product vanishes precisely when they meet at a right angle. The symbol a ⊥ (read "a-perp") is the leftover part of a once you remove its shadow — it points at a clean right angle to b . This is the seed of Orthogonal decomposition .
Dot product by components
Angle theta between arrows
Sign of cosine forward or back
Perpendicular leftover a-perp
Test yourself — each line is prompt ::: answer.
What does the arrow in a tell you the object has? A length and a direction (it is an arrow, not just a number).
Meaning of the components in a = ( 3 , 4 ) ? Go 3 rightward, 4 upward from the origin.
Formula for ∣ a ∣ and why it works? a x 2 + a y 2 — Pythagoras on the right triangle made by the components.
∣ a ∣ for a = ( 3 , 4 ) ?5 .
Where does the angle θ sit? At the shared starting point of the two arrows.
What is cos θ on a right triangle? Adjacent side ÷ hypotenuse.
Why cosine and not sine for a shadow? Cosine reads the part along the direction; sine reads the perpendicular leftover.
Sign of cos θ when θ > 9 0 ∘ ? Negative — shadow falls on the back side.
Two equivalent forms of the dot product? a x b x + a y b y (components) and
∣ a ∣∣ b ∣ cos θ (geometry).
Why is the dot product the engine of projection? Its geometry form hides cos θ , so equating both forms solves for the shadow length with no protractor.
What is b ^ and its formula? The unit (length-1) direction along
b ;
b ^ = b /∣ b ∣ .
Why does the vector projection divide by ∣ b ∣ 2 ? One
∣ b ∣ builds the unit direction
b ^ , one more gets the length.
What does a ⋅ b = 0 mean geometrically? The arrows are perpendicular (orthogonal), since cos 9 0 ∘ = 0 .
What is a ⊥ ? The leftover of
a after removing its shadow — perpendicular to
b .
Dot product — the number-machine that hides cos θ ; the reason projection needs no protractor.
Unit vectors — supplies the pure direction b ^ that carries the shadow.
Orthogonal decomposition — where a ⊥ leads next.
Projection of vectors — the parent topic these foundations feed.