2D Vectors & Component-wise Representation

A 2D vector is a quantity with both magnitude and direction in the plane, written component-wise as $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.

A two-dimensional vector is an ordered pair of real numbers $(v_{x}, v_{y})$ representing a directed quantity in the plane — equivalently, an arrow from one point to another whose only properties that matter are its length and the way it points. The component-wise representation expresses this arrow as the sum of independent horizontal and vertical pieces, transforming geometric reasoning into algebra. This matters because nearly every problem in mechanics, graphics, and navigation involves combining directional quantities, and component form makes such combinations purely mechanical. The surprising fact is that an arrow which "lives" in geometric space — with no preferred numbers attached — becomes a precise pair of coordinates only after you choose axes, yet the geometric truths (like a vector's length) come out identical regardless of which axes you picked.

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.

Formal Statement

2D Vector and Components

A 2D vector $v$ is an ordered pair of real numbers:

v = (v_{x}, v_{y}) = v_{x} \overset{}{^} + v_{y} \overset{}{^}

⟳any planar vector is a unique linear combination of the basis vectors

\overset{}{^} = (1, 0)

and

\overset{}{^} = (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),
$\overset{}{^} = (1, 0)$ is the unit vector along the positive $x$ -axis,
$\overset{}{^} = (0, 1)$ is the unit vector along the positive $y$ -axis.

The magnitude (length) of $v$ is:

∣ v ∣ = v_{x}^{2} + v_{y}^{2}

⟳apply the Pythagorean theorem to the right triangle with legs

v_{x}

and

v_{y}

and hypotenuse

∣ v ∣

The direction angle $θ$ measured counterclockwise from the positive $x$ -axis is:

θ = atan2 (v_{y}, v_{x})

⟳from

tan θ = v_{y} / v_{x}

; use atan2 (not plain arctan) to resolve which of the four quadrants the vector points into.

Conversely, given magnitude $r = ∣ v ∣$ and angle $θ$ , the components are recovered by:

v_{x} = r cos θ, v_{y} = r sin θ

⟳project the hypotenuse

r

onto each axis using the definitions of cosine (adjacent) and sine (opposite).

Component-wise Operations

For vectors $a = (a_{x}, a_{y})$ , $b = (b_{x}, b_{y})$ and a scalar $k \in R$ :

a + b = (a_{x} + b_{x}, a_{y} + b_{y})

⟳place

b

head-to-tail after

a

; the resultant's horizontal displacement is the sum of horizontal displacements, likewise vertically.

k a = (k a_{x}, k a_{y})

⟳stretching the arrow by factor

k

stretches its shadow on each axis by the same factor (similar triangles).

a \cdot b = a_{x} b_{x} + a_{y} b_{y} = ∣ a ∣ ∣ b ∣ cos ϕ

⟳expand

(a - b) \cdot (a - b)

via the Law of Cosines and compare with the component expansion;

ϕ

is the angle between them.

Why It Holds / Derivation

Component Addition from the Triangle Rule

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

Step 1. Represent

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

A

. Step 2. Place the tail of

b

at the head

A

a

. Since

b = (b_{x}, b_{y})

produces horizontal displacement

b_{x}

and vertical displacement

b_{y}

, the head of

b

lands at the point

B = (a_{x} + b_{x}, a_{y} + b_{y}) .

Step 3. The resultant

a + b

is the arrow from

O

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

a + 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.

■

Magnitude from the Pythagorean Theorem

Step 1. The vector

v = (v_{x}, v_{y})

runs from

O = (0, 0)

P = (v_{x}, v_{y})

. Step 2. Drop a perpendicular from

P

to the

x

-axis, meeting it at

Q = (v_{x}, 0)

. Triangle

O QP

has a right angle at

Q

. Step 3. Leg

O Q

has length

∣ v_{x} ∣

and leg

QP

has length

∣ v_{y} ∣

. The hypotenuse

O P

has length

∣ v ∣

. Step 4. By Pythagoras,

∣ v ∣^{2} = v_{x}^{2} + v_{y}^{2}

(the squares discard the sign issue), giving

∣ v ∣ = v_{x}^{2} + v_{y}^{2}

, which is [2].

■

Josiah Willard Gibbs | 1839–1903

The modern component notation $v = v_{x} \overset{}{^} + v_{y} \overset{}{^}$ 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.

Building 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 $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.

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

Worked Examples

Adding Two Displacement Vectors

Given: A hiker walks

a = (3, 4)

km, then

b = (- 1, 2)

km. Find the resultant displacement, its magnitude, and its bearing from east. Step 1 — Add components (using [5]):

a + b = (3 + (- 1), 4 + 2) = (2, 6) km .

Step 2 — Magnitude (using [2]):

∣ a + b ∣ = 2^{2} + 6^{2} = 4 + 36 = 40 \approx 6.32 km .

Step 3 — Direction (using [3]):

θ = atan2 (6, 2) = arctan (3) \approx 71. 6^{\circ} (first quadrant) .

Answer:

a + b = (2, 6) km, ∣ \cdot ∣ \approx 6.32 km, θ \approx 71. 6^{\circ}

From Magnitude and Angle to Components

Given: A force of magnitude

F = 50 N

acts at

θ = 12 0^{\circ}

from the positive

x

-axis. Resolve it into components. Step 1 — Horizontal component (using [4]):

F_{x} = 50 cos 12 0^{\circ} = 50 \times (- 0.5) = - 25 N .

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

F_{y} = 50 sin 12 0^{\circ} = 50 \times 0.8660 = 43.3 N .

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

(- 25)^{2} + 43. 3^{2} = 625 + 1874.9 = 2499.9 \approx 50.0 N . ✓

Answer:

F = (- 25, 43.3) N

The negative

x

-component correctly reflects that

12 0^{\circ}

points up and to the left.

Common Misconceptions

Magnitudes do not add unless the vectors are parallel. A common error is to compute

∣ a + b ∣ = ∣ a ∣ + ∣ b ∣

. This holds only when

a

and

b

point the same direction. In general, the triangle inequality gives

∣ a + b ∣ \leq ∣ a ∣ + ∣ b ∣.

Always add the components first, then take the magnitude of the result — never add the magnitudes directly. Use atan2, not plain arctan. The formula

θ = arctan (v_{y} / v_{x})

returns values only in

(- 9 0^{\circ}, 9 0^{\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.

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

a + b = (3, 4), ∣ a + b ∣ = 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.

Connections

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.

Real-World Applications

Projectile motion (physics): velocity is split into horizontal ( $v_{x}$ , constant) and vertical ( $v_{y}$ , affected by gravity) components, decoupling a curved trajectory into two simple 1D motions.
Navigation & GPS: a ship's course combines its own velocity vector with the current's velocity vector; components give the true resultant track.
Video games & computer graphics: sprite positions, velocities, and collision normals are stored as $(x, y)$ pairs; movement is component addition each frame.
Statics & engineering: forces in a bridge truss are resolved into horizontal and vertical components so that equilibrium $\sum F_{x} = 0, \sum F_{y} = 0$ can be solved.
Robotics: a robot arm's end-effector velocity is computed by adding the contributions of each joint as 2D vectors in the plane of motion.
Aviation: wind triangles add an aircraft's airspeed vector to the wind vector to determine ground speed and heading correction.
Sailing & rowing: the resultant of thrust and tidal flow vectors determines the actual path over the seabed.

Historical Development

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 $\overset{}{^}, \overset{}{^}, \hat{k}$ notation worldwide.
1910s–20s — Vector methods become the default language of physics and engineering, displacing quaternion-based approaches in mechanics and electromagnetism.

Subtleties & Limits

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 $3 0^{\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

The Core Insight

Formal Statement

2D Vector and Components

Component-wise Operations

Why It Holds / Derivation

Component Addition from the Triangle Rule

Magnitude from the Pythagorean Theorem

Josiah Willard Gibbs | 1839–1903

Building Intuition

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

Worked Examples

Adding Two Displacement Vectors

From Magnitude and Angle to Components

Common Misconceptions

Connections

Real-World Applications

Historical Development

Subtleties & Limits

See Also

Before this

Where this leads