2D Vectors & Component-wise Representation

⚡ Key Takeaways

A 2D vector is a quantity with both magnitude and direction in the plane, written component-wise as $\vec{v} = (v_x, v_y)$ . Key result: any planar vector decomposes uniquely into horizontal and vertical components, and all vector operations (addition, scaling, magnitude) reduce to simple arithmetic on these components. Applies to physics (forces, velocities), computer graphics, navigation, and engineering. Formalized through the 19th-century work of Hamilton, Grassmann, and Gibbs.

💡 The Core Insight

Every vector in the plane can be broken into two perpendicular pieces — one along the $x$ -axis and one along the $y$ -axis — and these pieces add back up to recreate the original. Because the axes are independent, operations done on the $x$ -components never interfere with the $y$ -components. This decoupling is what turns geometry into arithmetic: to add vectors you add their components separately; to scale, you scale each component; to find length, you apply the Pythagorean theorem to the two components.

Definition2D Vector and Components

A 2D vector $\vec{v}$ is an ordered pair of real numbers:

1

\quad \vec{v} = (v_x,\, v_y) = v_x\,\hat{\imath} + v_y\,\hat{\jmath}

Derivation hint: any planar vector is a unique linear combination of the basis vectors $\hat{\imath}=(1,0)$ and $\hat{\jmath}=(0,1)$ ; the coefficients are the components. where:

$v_x$ is the horizontal (x) component (a scalar, can be negative),
$v_y$ is the vertical (y) component (a scalar, can be negative),
$\hat{\imath} = (1,0)$ is the unit vector along the positive $x$ -axis,
$\hat{\jmath} = (0,1)$ is the unit vector along the positive $y$ -axis.

The magnitude (length) of $\vec{v}$ is:

2

\quad |\vec{v}| = \sqrt{v_x^2 + v_y^2}

Derivation hint: apply the Pythagorean theorem to the right triangle with legs $v_x$ and $v_y$ and hypotenuse $|\vec{v}|$ . The direction angle $\theta$ measured counterclockwise from the positive $x$ -axis is:

3

\quad \theta = \operatorname{atan2}(v_y,\, v_x)

Derivation hint: from $\tan\theta = v_y/v_x$ ; use atan2 (not plain arctan) to resolve which of the four quadrants the vector points into. Conversely, given magnitude $r=|\vec{v}|$ and angle $\theta$ , the components are recovered by:

4

\quad v_x = r\cos\theta, \qquad v_y = r\sin\theta

Derivation hint: project the hypotenuse $r$ onto each axis using the definitions of cosine (adjacent) and sine (opposite).

TheoremComponent-wise Operations

For vectors $\vec{a}=(a_x,a_y)$ , $\vec{b}=(b_x,b_y)$ and a scalar $k\in\mathbb{R}$ :

5

\quad \vec{a} + \vec{b} = (a_x + b_x,\; a_y + b_y)

Derivation hint: place $\vec{b}$ head-to-tail after $\vec{a}$ ; the resultant's horizontal displacement is the sum of horizontal displacements, likewise vertically.

6

\quad k\vec{a} = (k a_x,\; k a_y)

Derivation hint: stretching the arrow by factor $k$ stretches its shadow on each axis by the same factor (similar triangles).

7

\quad \vec{a}\cdot\vec{b} = a_x b_x + a_y b_y = |\vec{a}|\,|\vec{b}|\cos\phi

Derivation hint: expand $(\vec{a}-\vec{b})\cdot(\vec{a}-\vec{b})$ via the Law of Cosines and compare with the component expansion; $\phi$ is the angle between them.

ProofComponent Addition from the Triangle Rule

We show that geometric head-to-tail addition equals component-wise addition [5].

Step 1. Represent $\vec{a}$ as a directed arrow starting at the origin $O$ and ending at point $A=(a_x,a_y)$ . By definition the components $a_x, a_y$ are the horizontal and vertical displacements from $O$ to $A$ .

Step 2. Place the tail of $\vec{b}$ at the head $A$ of $\vec{a}$ . Since $\vec{b}=(b_x,b_y)$ produces horizontal displacement $b_x$ and vertical displacement $b_y$ , the head of $\vec{b}$ lands at the point

B = (a_x + b_x,\; a_y + b_y).

Step 3. The resultant $\vec{a}+\vec{b}$ is the arrow from $O$ to $B$ . Its horizontal displacement is $a_x+b_x$ and its vertical displacement is $a_y+b_y$ — exactly the components of $B-O$ .

Step 4. Therefore $\vec{a}+\vec{b} = (a_x+b_x,\ a_y+b_y)$ , which is [5]. The key fact used is that total displacement along each axis is the independent sum of the partial displacements — horizontal motion never contributes to vertical position. $\blacksquare$

∎

ProofMagnitude from the Pythagorean Theorem

Step 1. The vector $\vec{v}=(v_x,v_y)$ runs from $O=(0,0)$ to $P=(v_x,v_y)$ .

Step 2. Drop a perpendicular from $P$ to the $x$ -axis, meeting it at $Q=(v_x,0)$ . Triangle $OQP$ has a right angle at $Q$ .

Step 3. Leg $OQ$ has length $|v_x|$ and leg $QP$ has length $|v_y|$ . The hypotenuse $OP$ has length $|\vec{v}|$ .

Step 4. By Pythagoras, $|\vec{v}|^2 = v_x^2 + v_y^2$ (the squares discard the sign issue), giving $|\vec{v}|=\sqrt{v_x^2+v_y^2}$ , which is [2]. $\blacksquare$

∎

mathematician · Josiah Willard Gibbs | 1839–1903

The modern component notation $\vec{v}=v_x\hat{\imath}+v_y\hat{\jmath}$ comes largely from Gibbs, an American mathematical physicist at Yale. Drawing on Hamilton's quaternions and Grassmann's algebra of extension, Gibbs distilled a streamlined "vector analysis" in lecture notes (1880s) that separated the genuinely useful operations — dot product, cross product, gradient — from the heavier quaternion machinery. His student E. B. Wilson published these as Vector Analysis (1901), which set the notation used in classrooms today.

🧠 Intuition

Think of a vector as instructions for a walk: "go 3 steps east, then 4 steps north." The pair $(3,4)$ captures the whole trip, and where you started doesn't matter — only the net displacement. The two numbers are independent because east-west walking changes only your east-west position. This is why adding two trips means adding their easting separately from their northing. The magnitude $\sqrt{3^2+4^2}=5$ is the straight-line "as the crow flies" distance, and the angle tells you the compass bearing. Components are just the shadows the arrow casts onto the two axes when lit from above and from the side.

Figure

A 2D vector resolved into its x- and y-components, with magnitude and direction angle.

ExampleAdding Two Displacement Vectors

Given: A hiker walks $\vec{a}=(3,\,4)$ km, then $\vec{b}=(-1,\,2)$ km. Find the resultant displacement, its magnitude, and its bearing from east.

Step 1 — Add components (using [5]):

\vec{a}+\vec{b} = (3 + (-1),\; 4 + 2) = (2,\, 6)\ \text{km}.

Step 2 — Magnitude (using [2]):

|\vec{a}+\vec{b}| = \sqrt{2^2 + 6^2} = \sqrt{4+36} = \sqrt{40} \approx 6.32\ \text{km}.

Step 3 — Direction (using [3]):

\theta = \operatorname{atan2}(6,\,2) = \arctan(3) \approx 71.6^\circ \text{ (first quadrant)}.

Answer:

\boxed{\ \vec{a}+\vec{b}=(2,\,6)\ \text{km},\quad |\cdot|\approx 6.32\ \text{km},\quad \theta\approx 71.6^\circ\ }

ExampleFrom Magnitude and Angle to Components

Given: A force of magnitude $F = 50\ \text{N}$ acts at $\theta = 120^\circ$ from the positive $x$ -axis. Resolve it into components.

Step 1 — Horizontal component (using [4]):

F_x = 50\cos 120^\circ = 50\times(-0.5) = -25\ \text{N}.

Step 2 — Vertical component (using [4]):

F_y = 50\sin 120^\circ = 50\times 0.8660 = 43.3\ \text{N}.

Step 3 — Check magnitude (using [2]):

\sqrt{(-25)^2 + 43.3^2} = \sqrt{625 + 1874.9} = \sqrt{2499.9} \approx 50.0\ \text{N}.\ \checkmark

Answer:

\boxed{\ \vec{F} = (-25,\ 43.3)\ \text{N}\ }

The negative $x$ -component correctly reflects that $120^\circ$ points up and to the left.

⚠️ Common mistake

Magnitudes do not add unless the vectors are parallel. A common error is to compute $|\vec{a}+\vec{b}| = |\vec{a}| + |\vec{b}|$ . This holds only when $\vec{a}$ and $\vec{b}$ point the same direction. In general, the triangle inequality gives

|\vec{a}+\vec{b}| \le |\vec{a}| + |\vec{b}|.

Always add the components first, then take the magnitude of the result — never add the magnitudes directly.

⚠️ Common mistake

Use `atan2`, not plain `arctan`. The formula $\theta = \arctan(v_y/v_x)$ returns values only in $(-90^\circ, 90^\circ)$ and cannot distinguish a vector pointing into the second quadrant from one in the fourth. Plain arctan gives the same answer for $(1,1)$ and $(-1,-1)$ , which point in opposite directions. The two-argument `atan2(v_y, v_x)` inspects both signs and returns the correct angle in all four quadrants.

Counterexample

Consider $\vec{a}=(3,0)$ and $\vec{b}=(0,4)$ . Naïvely adding magnitudes suggests a result of length $3+4=7$ . But:

\vec{a}+\vec{b}=(3,4), \qquad |\vec{a}+\vec{b}|=\sqrt{9+16}=5 \neq 7.

The correct length is $5$ , not $7$ — because the vectors are perpendicular, the "extra" length is lost to the change in direction. This single example demolishes the magnitude-addition fallacy.

connection

2D vectors are the gateway to a web of related ideas. They generalize directly to 3D Vectors by adding a $z$ -component and a $\hat{k}$ basis vector. The Dot Product (equation [7]) extracts the angle between vectors and underlies the notion of projection and work. The whole framework rests on The Cartesian Coordinate System, which supplies the axes onto which components are measured, and on the Pythagorean Theorem, which converts components into length. When vectors are packed into rows and columns, they become the objects acted on by Matrices and Linear Transformations, where rotation and scaling are encoded as matrix multiplication. Finally, the same arrows reappear as Complex Numbers, where $(a,b)$ is written $a+bi$ and addition is identical.

🔬 Where this appears

⏳ History

- 1637 — René Descartes introduces coordinate geometry in La Géométrie, giving the plane its

(x,y)

address system that components rely on.

- 1799 — Caspar Wessel publishes a geometric representation of complex numbers as directed line segments in the plane, an early vector idea.

- 1806 — Jean-Robert Argand independently popularizes the plane-diagram view of complex numbers (the "Argand diagram").

- 1827 — August Möbius's Barycentric Calculus develops directed quantities and their addition.

- 1843 — William Rowan Hamilton invents quaternions, embedding 2D and 3D directed magnitudes in an algebra and coining the word "vector."

- 1844 — Hermann Grassmann publishes Die lineale Ausdehnungslehre, a sweeping but under-read theory of

n

-dimensional vector spaces.

- 1881–84 — J. Willard Gibbs distributes printed lecture notes on vector analysis, isolating the dot and cross products.

- 1901 — E. B. Wilson's textbook Vector Analysis, based on Gibbs's lectures, standardizes the

\hat{\imath},\hat{\jmath},\hat{k}

notation worldwide.

- 1910s–20s — Vector methods become the default language of physics and engineering, displacing quaternion-based approaches in mechanics and electromagnetism.

open-problem

Component representation is not absolute: the components themselves depend entirely on the chosen axes, while geometric quantities like magnitude and the angle between two vectors do not. This raises a deep question explored in linear algebra and physics — which quantities are coordinate-independent (invariant), and which are mere artifacts of bookkeeping? A vector "is" the same arrow whether you describe it as $(3,4)$ or, after rotating your axes by $30^\circ$ , as some other pair; the invariant is what physics actually cares about. Pushing this principle to curved spaces and accelerating frames leads to tensor analysis and ultimately the machinery of general relativity, where naïve component arithmetic must be replaced by rules that track how components transform when the coordinate grid itself bends.

2D Vectors & Component-wise Representation

Formal Statement

Why It Holds / Derivation

Building Intuition

Worked Examples

Common Misconceptions

Connections

Real-World Applications

Historical Development

Subtleties & Limits

See Also