Parametric and Polar Coordinates

Why This Matters

Not every curve in the plane can be described by a simple equation y = f(x). A circle fails the vertical line test, a figure eight crosses itself, and a spiral has no single-valued Cartesian representation. Parametric curves solve this problem by expressing both x and y as separate functions of a parameter t: x = f(t) and y = g(t). As t varies, the point (x, y) traces out the curve. This is how computer graphics render motion, how robotics plans paths, and how physics describes trajectories.

Polar coordinates offer a different perspective. Instead of measuring horizontal and vertical distances (x, y), you measure the distance r from the origin and the angle theta from the positive x-axis. Many curves that are complicated in Cartesian form become beautifully simple as a polar equation. A circle centered at the origin is just r = constant. A spiral is r = theta. Rose curves, cardioids, and limacons all have compact polar formulas.

Understanding both parametric and polar representations -- and the ability to convert between them and Cartesian coordinates -- is essential for multivariable calculus, physics, engineering, and computer graphics. These coordinate systems are not just alternatives; they are the natural language for describing rotation, oscillation, and orbital motion.

Define Terms

Visual Model

Code Example

// Parametric and Polar Coordinates

// Parametric circle: x = cos(t), y = sin(t)
console.log("=== Parametric Circle ===");
for (let i = 0; i <= 8; i++) {
  const t = (i / 8) * 2 * Math.PI;
  const x = Math.cos(t);
  const y = Math.sin(t);
  console.log(`t=${(t / Math.PI).toFixed(2)}pi: (${x.toFixed(3)}, ${y.toFixed(3)})`);
}

// Polar to Cartesian conversion
function polarToCartesian(r, theta) {
  return {
    x: r * Math.cos(theta),
    y: r * Math.sin(theta)
  };
}

// Cartesian to Polar conversion
function cartesianToPolar(x, y) {
  return {
    r: Math.sqrt(x * x + y * y),
    theta: Math.atan2(y, x)
  };
}

console.log("\n=== Conversions ===");
// Polar (5, pi/3) to Cartesian
const p1 = polarToCartesian(5, Math.PI / 3);
console.log(`Polar(5, pi/3) -> Cartesian(${p1.x.toFixed(3)}, ${p1.y.toFixed(3)})`);

// Cartesian (3, 4) to Polar
const p2 = cartesianToPolar(3, 4);
console.log(`Cartesian(3, 4) -> Polar(r=${p2.r.toFixed(3)}, theta=${p2.theta.toFixed(3)})`);

// Round trip: should return to original
const p3 = cartesianToPolar(p1.x, p1.y);
console.log(`Round trip: r=${p3.r.toFixed(3)}, theta=${(p3.theta / Math.PI).toFixed(3)}pi`);

// Generate points on a polar rose curve r = cos(3*theta)
console.log("\n=== Rose Curve r = cos(3*theta) ===");
for (let i = 0; i < 12; i++) {
  const theta = (i / 12) * Math.PI;
  const r = Math.cos(3 * theta);
  const pt = polarToCartesian(Math.abs(r), r >= 0 ? theta : theta + Math.PI);
  console.log(`theta=${(theta / Math.PI).toFixed(2)}pi: r=${r.toFixed(3)} -> (${pt.x.toFixed(3)}, ${pt.y.toFixed(3)})`);
}

// Cardioid: r = 1 + cos(theta)
console.log("\n=== Cardioid r = 1 + cos(theta) ===");
for (let i = 0; i <= 6; i++) {
  const theta = (i / 6) * 2 * Math.PI;
  const r = 1 + Math.cos(theta);
  const pt = polarToCartesian(r, theta);
  console.log(`theta=${(theta / Math.PI).toFixed(2)}pi: r=${r.toFixed(3)}, (${pt.x.toFixed(3)}, ${pt.y.toFixed(3)})`);
}

Interactive Experiment

Try these exercises:

• Generate 100 points on the parametric curve x = cos(t), y = sin(t) for t from 0 to 2*pi. Plot them. You get a circle.
• Change the parametric equations to x = 2*cos(t), y = sin(t). What shape do you get? This is an ellipse.
• Generate points on the polar rose r = cos(5*theta). How many petals does it have? Try n = 2, 3, 4, 6 and find the pattern.
• Convert the Cartesian point (-1, -1) to polar coordinates. What quadrant is the angle in? Does your code handle negative coordinates correctly?
• Generate a spiral with r = 0.1 * theta for theta from 0 to 10*pi. Convert each point to Cartesian and observe the winding pattern.

Quick Quiz

Coding Challenge

Real-World Usage

Parametric and polar coordinates are essential in many fields:

• Computer graphics: Animation paths, Bezier curves, and object trajectories are all defined parametrically. Game engines trace parametric paths for characters and projectiles.
• Robotics: Robot arm kinematics use parametric equations to describe joint positions as functions of time. Polar coordinates describe radar and sonar sweeps.
• Astronomy: Planetary orbits are naturally described in polar coordinates. Kepler orbits are polar equations r = a(1-e^2) / (1 + e*cos(theta)).
• Signal processing: Phasors in electrical engineering are points in polar form (amplitude and phase). The complex plane uses polar representation extensively.
• Navigation: GPS coordinates, radar systems, and mapping all rely on conversions between polar-like (latitude/longitude) and Cartesian coordinate systems.

Connections