Unit Circle Explorer
Angle in, sine and cosine out
The importance of what this tool demonstrates cannot be understated. When I was taught trig in high school the focus was centered on memorizing the formulas used to extract one geometric property from the others. As useful as these formulas are, I could easily look them up in a reference source. Over time, I developed my own perspective of how I should relate to the right triangle based on how I used them in my work. This was through the context of the unit circle. The unit circle provides a more intuitive way to understand and connect the geometry of the triangle to the algabaric relationships that they express. It also helps establish the basic of visualizing the complex number plane, the fourier series and associated operations.The Unit Circle Explorer plots a point at angle θ on the unit circle alongside the sin(θ)/cos(θ) curves it traces out. Drag the angle slider, or click a preset angle, to see the relationship move.
This tool plots one point on a unit circle and reads its coordinates back as sin(θ) and cos(θ) — a small canvas renderer, no charting library, shared with every other tool on this site. The sections below build up why the circle, rather than the right triangle alone, is the more durable way to hold onto trigonometry.
1. Sine and cosine are coordinates, not memorized ratios
Textbook trig usually starts from a right triangle and a list of ratios — SOH-CAH-TOA — which only stay valid while the triangle exists, and quietly break down or need re-deriving once θ leaves the first quadrant. The unit-circle definition removes that limit entirely: place a point at angle θ on a circle of radius 1, centered at the origin, measured counter-clockwise from the positive x-axis, and by definition $$x = \cos\theta, \qquad y = \sin\theta.$$ The right triangle is still there — it's the leg from the point straight down to the x-axis — but now it's a consequence of the coordinates, not the starting definition. That's why the point in this tool can slide smoothly through all four quadrants and negative or >360° angles without the formulas ever changing.
2. Radians are the unit the circle actually measures in
Degrees split a circle into 360 arbitrary pieces; radians measure the angle by the arc length it cuts out of a unit circle, so θ in radians and the arc length it traces are the same number. A full turn is $2\pi$ radians ($\approx 6.283$), a half turn is $\pi$, a quarter turn is $\pi/2$. The info boxes show both side by side for exactly this reason — degrees are the intuitive display unit, radians are the unit every trig identity and calculus formula is actually written in.
3. The right-hand graph is the same point, unrolled
The circle panel shows sin and cos as two lengths at one instant; the graph panel shows them as two full curves by unrolling θ along the horizontal axis. Dragging the angle slider moves the same point on both panels at once — the vertical dashed marker on the graph is always at the circle's current θ. Because going once around the circle is a $2\pi$ change in θ, both curves complete exactly one period per revolution: this is what "periodic" means, made literal.
4. Euler's formula: the same circle in the complex plane
Relabel the circle's horizontal axis as the real part and the vertical axis as the imaginary part of a complex number, and the point at angle θ is $e^{i\theta} = \cos\theta + i\sin\theta$ — exactly the (cosθ, sinθ) pair this tool already displays, just written as one complex number instead of two real ones. Drag θ to $\pi$ and the readout collapses to $e^{i\pi}+1=0$, Euler's identity: half a turn around the unit circle lands exactly on $-1$.
5. Where this circle shows up again
This same construction is the load-bearing piece underneath several other tools on this site: the Fourier Series explorer stacks copies of this exact circle, spinning at different frequencies, tip-to-tail; the Unit Sphere Explorer is this same sine/cosine tuple carried one dimension higher, $(\cos\varphi\cos\theta,\ \cos\varphi\sin\theta,\ \sin\varphi)$; and the 2×2 rotation matrix $\begin{bmatrix}\cos\theta&-\sin\theta\\\sin\theta&\cos\theta\end{bmatrix}$ built from this angle is the whole content of a rotation in the Matrices tool.
6. Pedagogical flow
- Start at 0° and drag slowly to 90°: watch cos shrink from 1 to 0 while sin grows from 0 to 1, and confirm both graph curves start exactly there.
- Keep going past 180° and 270°: notice sin and cos both take negative values once the point leaves the quadrant a right-triangle diagram usually stops at.
- Click the 180° preset and read the $e^{i\theta}$ box: it should read $-1 + 0i$, the real half of Euler's identity.
- Compare against the Fourier Series tool: each spectrum stem there is one of these circles, just spinning at its own frequency.