The Tangent Function

Part 12, Chapter 12: Trigonometry of the Unit Circle

Learning objectives

  • Define tangent as the ratio of sine to cosine
  • Evaluate tangent at standard angles
  • Identify the period and vertical asymptotes of the tangent graph
  • Relate tangent to slope of a line from the origin

Sine and cosine measure positions. Tangent measures slope. If a ray leaves the origin at angle theta\theta and you ask "how steep is it?", the answer is tantheta\tan\theta. That single fact, tangent equals slope, is what makes tangent the function calculus reaches for when computing instantaneous rates of change. The unit-circle definition makes the slope interpretation precise; the algebra makes it computable; and the graph makes the asymptotes visible.

Definition

For any theta\theta where costhetaneq0\cos\theta \neq 0,

tantheta=dfracsinthetacostheta\tan\theta = \dfrac{\sin\theta}{\cos\theta}

The domain excludes the angles where cosine vanishes, these are theta=pi/2+npi\theta = \pi/2 + n\pi for integer nn. At those angles tangent has vertical asymptotes: as theta\theta approaches pi/2\pi/2 from below, costhetato0+\cos\theta \to 0^+ while sinthetato1\sin\theta \to 1, so the ratio shoots to +infty+\infty. From above, it dives to infty-\infty.

Tangent as slope

Draw the ray from the origin at angle theta\theta. It hits the unit circle at (costheta,sintheta)(\cos\theta, \sin\theta). The slope of that ray is rise over run:

textslope=dfracsintheta0costheta0=tantheta\text{slope} = \dfrac{\sin\theta - 0}{\cos\theta - 0} = \tan\theta

So tangent is the slope of the ray. Equivalently: the line y=(tantheta),xy = (\tan\theta)\,x passes through the origin at angle theta\theta.

Where this shows up
  • Surveying: Tangent gives the slope (rise over run); a surveyor measuring the height of a tower from a known distance uses tantheta=h/d\tan \theta = h/d with theta\theta from a theodolite.
  • Computer Graphics: A camera's field-of-view is set by tan(textfov/2)\tan(\text{fov}/2); the projection matrix in OpenGL/Vulkan literally contains this number, and choosing the right FOV avoids the "fish-eye" look.
  • Civil Engineering: Road-grade signs ("7% grade ahead") are tangent values: a 7% grade is tantheta=0.07\tan \theta = 0.07, or about a 4^\circ incline. Highway engineering codes specify maximum tangents for safety.

(Drag the orange point. The dotted vertical line at x=1x = 1 is the tangent line in the literal sense: the point where the extended ray hits it has height tantheta\tan\theta. Hide projections if the picture gets busy.)

Standard values

From the unit-circle table for sine and cosine: tan0=0\tan 0 = 0, tan(pi/6)=1/sqrt3=sqrt3/3\tan(\pi/6) = 1/\sqrt{3} = \sqrt{3}/3, tan(pi/4)=1\tan(\pi/4) = 1, tan(pi/3)=sqrt3\tan(\pi/3) = \sqrt{3}, tan(pi/2)\tan(\pi/2) is undefined. Beyond pi/2\pi/2 the function picks up signs from the quadrant pattern: positive in QI and QIII, negative in QII and QIV.

Period pi\pi, not 2pi2\pi

Here is the surprise. Sine and cosine repeat every 2pi2\pi, but tangent repeats every pi\pi. Why? Rotating by pi\pi sends (costheta,sintheta)(\cos\theta, \sin\theta) to (costheta,sintheta)(-\cos\theta, -\sin\theta). Both signs flip, so the ratio stays the same: (sintheta)/(costheta)=sintheta/costheta(-\sin\theta)/(-\cos\theta) = \sin\theta / \cos\theta. Half a turn around the unit circle gives a different point but the same slope of the ray, because a ray and its reverse have the same slope, just pointing the other way.

The Pythagorean cousin

Dividing the identity sin2theta+cos2theta=1\sin^2\theta + \cos^2\theta = 1 by cos2theta\cos^2\theta produces another identity:

tan2theta+1=sec2theta,qquadtextwheresectheta=dfrac1costheta\tan^2\theta + 1 = \sec^2\theta, \qquad \text{where } \sec\theta = \dfrac{1}{\cos\theta}

This shows up constantly in calculus, the derivative of tanx\tan x is sec2x\sec^2 x, for example.

Try it

  • Predict first: what is tan(pi/4)\tan(\pi/4), and what slope does the 45°45° ray have? Snap to pi/4\pi/4 and verify the readout shows tan(pi/4)=1\tan(\pi/4) = 1.
  • Pick an angle slightly less than pi/2\pi/2. Watch the tangent readout balloon. Now nudge past pi/2\pi/2, it flips sign and is large and negative.
  • If a line through the origin has slope sqrt3\sqrt{3}, at what angle does it make with the xx-axis? (Hint: it is one of the standard angles.)

Pause: tangent has period pi\pi, half the period of sine and cosine. Where does the second factor of 22 come from? It comes from the sign-cancellation when you rotate by pi\pi. Try to articulate this in one sentence before continuing.

A trap to watch for

A frequent slip is treating tan(pi/2)\tan(\pi/2) as infty\infty as if it were a number. It is undefined. Saying "tan(pi/2)=infty\tan(\pi/2) = \infty" is informal shorthand for "tantheta\tan\theta grows without bound as thetatopi/2\theta \to \pi/2^-," but infty\infty is not a value of the function. Similarly, watch the sign: tan\tan goes to +infty+\infty from one side and infty-\infty from the other; it does not pass smoothly through. In a calculus computation, never plug in theta=pi/2+npi\theta = \pi/2 + n\pi; instead, take a one-sided limit.

What you now know

You can compute tantheta\tan\theta as a ratio of sine to cosine, locate its asymptotes, evaluate it at standard angles, interpret it as the slope of a ray from the origin, and apply the identity tan2theta+1=sec2theta\tan^2\theta + 1 = \sec^2\theta. The next section builds the trigonometric power tools, the addition formulas, that let you compute sin(A+B)\sin(A + B) and cos(A+B)\cos(A + B) from sine and cosine of AA and BB individually.

Quick check

Mark section complete →

References

  • Lang, S. (1971). Basic Mathematics. Springer. Chapter 11, §4, tangent and its geometric interpretation as slope.
  • Spivak, M. (2008). Calculus (4th ed.). Publish or Perish. Chapter 15: analytic properties of trigonometric functions, including the derivative of tangent.
  • Stewart, J. (2015). Calculus: Early Transcendentals (8th ed.). Cengage. Section 1.2: tangent as the slope of an inclined line.

This page is prerendered for SEO and accessibility. The interactive widgets above hydrate on JavaScript load.