Visual walkthrough — Resolution of vectors — into components (any axes)

We assume you have never seen an arrow-with-an-angle before. We start from a single dot.

---

Step 1 — What is a vector, as a picture?

WHAT. We draw an arrow. It starts at a point (call it the origin, $O$) and ends at a tip. The arrow has two facts baked in: how long it is, and which way it points.

WHY. Before we can chop an arrow into pieces, we must agree what the whole arrow is. Length + direction is all there is — nothing hidden.

PICTURE. Look at the red arrow. We name it $\vec{A}$ (the little arrow on top just means "this is a vector, not an ordinary number"). Its length we write $A=|\vec{A}|$ — plain vertical bars mean "how long," and length is never negative.

---

Step 2 — Pin the arrow to a grid: the angle $\theta$

WHAT. We lay down two number-lines that cross at $O$ at a perfect right angle: the horizontal x-axis and the vertical y-axis. Then we measure the angle from the positive x-axis, turning anticlockwise, up to the arrow. We call that angle $\theta$ (the Greek letter "theta").

WHY. An angle is meaningless until you say "measured from where?" We choose the x-axis as our zero-line and anticlockwise as positive — a fixed rule so everyone gets the same number. $\theta$ is the single number that says "which way."

PICTURE. The red arrow leans at angle $\theta$ above the black x-axis. If $\theta =0$ the arrow lies flat along x; as $\theta$ grows the arrow tips upward.

---

Step 3 — Drop a perpendicular: a right triangle is born

WHAT. From the tip of $\vec{A}$ we drop a straight line straight down onto the x-axis. It meets the x-axis at a right angle. Now we have a triangle.

WHY. A right triangle is the one shape where side-lengths and angles are locked together by fixed ratios (that's what trigonometry is). By manufacturing a right triangle we turn "length + angle" into "two straight sides" — which is exactly the two-number picture we want.

PICTURE. Three sides appear:

• the slanted side (the hypotenuse) is the arrow itself, length $A$;
• the flat bottom side lies along x — call its length $A_x$ (the horizontal reach);
• the vertical side lies parallel to y — call its length $A_y$ (the vertical reach).

The right-angle sits at the bottom-right corner (small square). $\theta$ sits at $O$.

---

Step 4 — Why cosine grabs the horizontal side

WHAT. We claim $A_x=A\cos \theta$. Let's see where cosine comes from.

WHY THIS TOOL — why cosine and not something else? We have a right triangle and we know one angle ($\theta$) and the hypotenuse ($A$). We want the side touching the angle. Cosine is defined as exactly the ratio that connects those three things: $\cos \theta =\frac{\text{adjacent}}{\text{hypotenuse}}.$ It is the tool built to answer "how long is the side hugging the angle, as a fraction of the hypotenuse?" No other function answers that question.

PICTURE. In the triangle, the adjacent side is $A_x$ and the hypotenuse is $A$, so $\underset{\text{shrink factor}}{\underbrace{\cos \theta }}=\frac{\stackrel{\text{horizontal side}}{\overbrace{A_x}}}{\underset{\text{arrow length}}{\underbrace{A}}}⟹A_x=A\cos \theta .$

Read $\cos \theta$ as a shrink factor between $0$ and $1$: it is the fraction of the arrow's length that survives as horizontal reach. When the arrow is flat ($\theta =0$), $\cos 0=1$ and all of $A$ is horizontal. When the arrow points straight up ($\theta =90^{\circ }$), $\cos 90^{\circ }=0$ and nothing is horizontal.

---

Step 5 — Why sine grabs the vertical side

WHAT. We claim $A_y=A\sin \theta$.

WHY THIS TOOL. Same triangle, but now we want the side across from $\theta$ (the vertical one). The function built for "opposite over hypotenuse" is sine: $\sin \theta =\frac{\text{opposite}}{\text{hypotenuse}}=\frac{A_y}{A}⟹A_y=A\sin \theta .$

PICTURE. The vertical side climbs as the arrow tips up. Read $\sin \theta$ as the climb factor: at $\theta =0$ the arrow is flat, $\sin 0=0$, zero climb; at $\theta =90^{\circ }$, $\sin 90^{\circ }=1$, the whole length is vertical.

$\underset{\text{vertical side}}{\underbrace{A_y}}=\underset{\text{arrow length}}{\underbrace{A}}\cdot \underset{\text{climb factor}}{\underbrace{\sin \theta }}$

Notice the beautiful trade-off: as $\theta$ grows, $\cos \theta$ shrinks (less horizontal) exactly as $\sin \theta$ grows (more vertical). The arrow's "stuff" moves from the x-side to the y-side but never disappears.

---

Step 6 — Rebuild the arrow, and check with Pythagoras

WHAT. The two sides $A_x$ (along x) and $A_y$ (along y), laid tip-to-tail, walk you exactly from $O$ to the tip of $\vec{A}$. So $\vec{A}$ is those two pieces added: $\vec{A}=A_x\hat{x}+A_y\hat{y}.$ Here $\hat{x}$ and $\hat{y}$ are unit vectors — tiny arrows of length exactly $1$ pointing along x and along y (see Unit vectors and Cartesian coordinates). Writing $A_x\hat{x}$ means "go $A_x$ steps in the x-direction."

WHY. This is the payoff: the slanted arrow and the two straight arrows are the same journey. Resolving didn't change the vector — it re-described it.

PICTURE. Follow the horizontal red piece, then the vertical red piece; you land on the tip. To confirm the two numbers really rebuild the original length, use Pythagoras (the tool for right-triangle side lengths): $A=\sqrt{A_x^2+A_y^2}.$ And to recover the angle, we ask "which angle has vertical-over-horizontal equal to $A_y/A_x$?" — that question is answered by ${\tan }^{-1}$ (arctangent, see Dot product & scalar projection for the projection viewpoint): $\tan \theta =\frac{A_y}{A_x}.$

---

Step 7 — Every quadrant: what happens when the arrow leans the other way?

WHAT. So far the arrow pointed up-and-right (angles $0$–$90^{\circ }$, called Quadrant I). What if it points elsewhere? The formulas $A_x=A\cos \theta ,A_y=A\sin \theta$ still hold — because cos and sin already carry the correct sign for every angle. Let's see the four cases.

WHY. A student who only ever draws Quadrant I will get signs wrong the moment a force points left or down. The signs of the components tell you which way each piece points, so we must cover all four.

PICTURE (four arrows, one per quadrant):

Quadrant	$\theta$ range	$\cos \theta$	$\sin \theta$	$A_x$	$A_y$	arrow points
I	$0$–$90^{\circ }$	$+$	$+$	right	up	up-right
II	$90$–$180^{\circ }$	$-$	$+$	left	up	up-left
III	$180$–$270^{\circ }$	$-$	$-$	left	down	down-left
IV	$270$–$360^{\circ }$	$+$	$-$	right	down	down-right

---

Step 8 — The degenerate cases: zero, and axis-aligned arrows

WHAT. The corners of the story:

• Along +x ($\theta =0$): $A_x=A\cos 0=A$, $A_y=A\sin 0=0$. All horizontal, no vertical. ✓
• Straight up ($\theta =90^{\circ }$): $A_x=A\cos 90^{\circ }=0$, $A_y=A\sin 90^{\circ }=A$. All vertical. ✓ Here $\tan \theta =A_y/A_x=A/0$ is undefined — division by zero — which is the honest way maths says "the arrow is vertical, its angle is exactly $90^{\circ }$."
• The zero vector ($A=0$): $A_x=A_y=0$, and $\theta$ is meaningless — a dot has no direction.

WHY. These are where naive formulas explode (the $A/0$). Knowing them ahead of time means you're never surprised by a calculator error.

PICTURE. Three special arrows: flat, vertical, and the lone dot.

Recall Self-check the corners

Component of a purely vertical arrow along x? ::: Zero ($A\cos 90^{\circ }=0$) Why is $\theta$ undefined for a vertical arrow via ${\tan }^{-1}$? ::: Because $A_x=0$ and $A_y/A_x$ divides by zero; the angle is exactly $90^{\circ }$ Components of the zero vector? ::: Both zero, and it has no direction

---

The one-picture summary

Everything above in a single frame: one red arrow, its right triangle, the cos-side and sin-side labelled, the rebuild, and the sign-table reminder in the corners.

Recall Feynman retelling — the whole walkthrough in plain words

Picture a slanted red arrow starting at a corner. I drop a plumb-line straight down from its tip — now I've boxed the arrow inside a right triangle. The flat bottom of that box is "how far right the arrow reaches," and the tall side is "how far up." Cosine is just a shrink-factor between 0 and 1 that tells me what fraction of the arrow's length points sideways, and sine tells me the fraction that points up. Multiply the arrow's length by those two factors and I've got my two numbers. Walk right by the first number, then up by the second, and I arrive exactly at the arrow's tip — proof the two straight pieces are the slanted arrow. Pythagoras rebuilds the length, and "which angle has this up-over-right ratio?" (arctan) rebuilds the direction — as long as I peek at the signs to know which quadrant I'm in, because arctan alone can't tell up-left from down-right. Flat arrow: all sideways. Vertical arrow: all up, and its slope is division-by-zero, which is maths politely saying "it's straight up." A dot has no direction at all. That's resolution, start to finish.

---

Connections

• Resolution of vectors — into components (any axes) (parent)
• Unit vectors and Cartesian coordinates
• Dot product & scalar projection
• Vectors — addition (parallelogram & triangle law)
• Inclined plane dynamics
• Projectile motion
• Equilibrium of concurrent forces

Concept Map