← Guides

Trigonometry basics

Angles on the unit circle, sine and cosine as coordinates, and the wave graph—with accessible interactive diagrams.

Trigonometry begins with angles and right triangles, then expands to the unit circle: every angle places a point (cos θ, sin θ) on a circle of radius 1.

You can control the angle with the slider (keyboard-friendly), preset buttons, or by dragging on the diagrams.

Unit circle

Interactive Slider · keyboard · drag

Try it: Use the angle slider or Tab to the presets. Cosine is the horizontal dashed leg; sine is the vertical one. Drag is optional.

Unit circle Point on the unit circle at the current angle. Horizontal dashed segment is cosine; vertical dashed segment is sine. x y I II III IV Slider below is the primary control
θ = 45° · 0.785 rad
quadrant I
cos θ = 0.707
sin θ = 0.707

What the diagram is showing

Meaning is not color-only: position, dash style, and the numeric readout all convey the same information.

From circle to wave

The height of the point is sin θ. The wave below plots that height against θ. Use the same slider—wave and circle stay linked.

Sine wave linked to the same angle

Interactive Same θ as circle

The vertical line marks θ. The marker height is sin θ. Change θ with the slider above (or drag on the wave).

Sine wave Sine curve from 0 to 2π with a marker at the current angle. θ 0 π/2 π 3π/2 2π

Check: Set θ to 90° with the preset. Cosine ≈ 0, sine ≈ 1—point at the top; wave marker at the first peak.

Practice — Standard → Trigonometry

Open Hyper-Scale Lab

Related