Visual Tools
Calculators
Tables
Mathematical Keyboard
Converters
Other Tools


Angle Types


Angle Types ExplorerStandard Position
Classification
Relationships
Trigonometry
xy55°IIIIIIIV
Standard Position

Vertex at origin, initial side on positive x-axis. Positive angles rotate CCW; negative rotate CW.

The quadrant of the terminal side determines the signs of all six trig functions.

55°
Quadrant I
sin+
cos+
tan+
Qsincostan
I+++
II+−−
III−−+
IV−+−

Key Terms
Choosing a Concept
Switching Dark and Light Modes
Dragging to Set Angles
Using Preset Buttons and Quick Angles
Reading the Scene Diagrams
Reading the Explanation Panels
Angle Classifications
Angle Relationships
Trigonometry-Specific Angle Concepts
Why Angle Classification Matters in Trigonometry
Related Concepts and Tools






Key Terms

• Vertex — the common endpoint where the two rays of an angle meet.
• Initial side — the ray from which rotation is measured. In standard position it lies along the positive x-axis.
• Terminal side — the ray reached after rotating by the angle.
• Quadrant — one of four regions II, IIII, IIIIII, IVIV where the terminal side may land.
• Reference angle — the acute angle between the terminal side and the nearest x-axis. Always between 0°0° and 90°90°.
• Coterminal angles — angles sharing the same terminal side, differing by full rotations (360°n360° n).
• Special angles — the 1616 unit-circle angles with exact sin⁡\sin, cos⁡\cos, tan⁡\tan values.
• Directed angle — an angle carrying a sign indicating rotation direction: positive for counterclockwise, negative for clockwise.

Choosing a Concept

The tool bundles nine related angle topics. A sidebar (or horizontal scroll on narrow screens) lists them grouped into three categories:

• Classification — Angle Types.
• Relationships — Complementary & Supplementary, Vertical Angles, Adjacent Angles.
• Trigonometry — Standard Position, Reference Angles, Coterminal Angles, Special Angles, Directed Angles.

Click any item to load that concept's interactive scene and explanation. The active item is highlighted in blue. The top bar shows both the tool name and the active concept's title.

Switching Dark and Light Modes

A Light / Dark toggle in the top-right of the panel swaps the color theme across all nine concepts.

What changes with the toggle:
• Background — white in light mode, deep slate in dark mode.
• Text colors — adjusted for contrast.
• Panel borders and dividers — match the active theme.
• Diagram fill colors (blue, amber, green, red, purple accents) remain the same in both modes so visualizations stay readable.

The theme persists while you switch between concepts in the same session.

Dragging to Set Angles

Every scene includes one or more draggable handles. Click and drag a handle to rotate the relevant arm of the angle in real time.

How drag works:
• The handle follows your pointer around the vertex.
• The angle value updates continuously in the side panel.
• Some scenes (Vertical, Adjacent) include two independent handles.
• On Standard Position and Directed Angles, drag below the x-axis to produce negative angles.

Snap-to-special behavior makes it easy to land on common values: as you approach 0°0°, 30°30°, 45°45°, 60°60°, 90°90°, etc., the handle locks onto the exact value.

Using Preset Buttons and Quick Angles

Some scenes provide preset buttons for fast navigation to canonical angles.

Examples:
• Angle Types — seven buttons (Zero, Acute, Right, Obtuse, Straight, Reflex, Full) jump to representative angles.
• Complementary & Supplementary — a two-tab switch toggles the constraint between summing to 90°90° and 180°180°.
• Coterminal Angles — ++ and −- buttons step through full-rotation offsets from n=−3n = -3 to n=+3n = +3.
• Special Angles — clicking any of the 1616 ringed points on the unit circle selects it; a Degrees / Radians / Both toggle controls labels.

Presets are the fastest way to see the boundary cases of each concept.

Reading the Scene Diagrams

Each scene uses a consistent color language to keep the relationships visible at a glance.

Color conventions across scenes:
• Blue — the active or first angle.
• Amber — the partner angle (the second in a pair, or the negative direction).
• Green — right angles, positive sign markers, cos⁡\cos measurements.
• Red — obtuse markers, negative sign markers, sin⁡\sin measurements.
• Purple — shared rays or alternative emphasis (e.g., the common arm of adjacent angles).
• Gray — reference axes, dashed guides, inactive elements.

A small square at a vertex marks an exact 90°90° angle in place of the usual curved arc.

Reading the Explanation Panels

The right-hand panel of every concept contains four consistent zones:

• Title — name of the active concept.
• Brief description — one or two paragraphs explaining what the concept means and why it matters in trigonometry.
• Live values — color-coded mini-cards or large numerals showing the current angle, partner angle, sum, or sign data.
• Reference block — a formula card (monospace) or a small table summarizing the rule (e.g., quadrant sign chart, reference-angle formulas, even / odd identities).

Drag the scene and the explanation panel updates immediately. Everything is recomputed from the current angle.

Angle Classifications

The Angle Types concept classifies a single rotation by its measure:

• Zero — θ=0°\theta = 0°, both rays overlap.
• Acute — 0°<θ<90°0° < \theta < 90°.
• Right — θ=90°\theta = 90°, marked with a square instead of an arc.
• Obtuse — 90°<θ<180°90° < \theta < 180°.
• Straight — θ=180°\theta = 180°, a straight line.
• Reflex — 180°<θ<360°180° < \theta < 360°.
• Full — θ=360°\theta = 360°, a complete rotation.

Each type uses its own color and is documented in the side panel. For comprehensive coverage with proofs and examples, see the angle types theory page.

Angle Relationships

Three concepts cover how angles relate when they share a vertex or a transversal.

• Complementary & Supplementary — pairs summing to 90°90° or 180°180°. The side panel surfaces cofunction identities like sin⁡θ=cos⁡(90°−θ)\sin\theta = \cos(90° - \theta).
• Vertical Angles — two intersecting lines create two pairs of equal opposite angles. Drag to 90°90° to see all four become right angles.
• Adjacent Angles — two angles share a vertex and a common arm (drawn in purple, dashed). Two independent drag handles let you set each angle separately. The angle addition identities sit right under the diagram.

For full proofs, see the angle relationships page.

Trigonometry-Specific Angle Concepts

Five concepts cover angle ideas central to trigonometry.

• Standard Position — angle with vertex at origin and initial side on the positive x-axis. The side panel shows the active quadrant and the signs of sin⁡\sin, cos⁡\cos, tan⁡\tan.
• Reference Angles — the acute angle between the terminal side and the nearest x-axis. The panel shows the formula appropriate to the active quadrant (θ\theta, 180°−θ180° - \theta, θ−180°\theta - 180°, or 360°−θ360° - \theta).
• Coterminal Angles — same terminal side, different rotation count. Step through n∈{−3,...,3}n \in \{-3, ..., 3\} and watch the spiral marker connect the base angle to its coterminal partner.
• Special Angles — the 1616 unit-circle positions whose sin⁡\sin, cos⁡\cos, tan⁡\tan values are exact. Click any point or row in the table to load it.
• Directed Angles — positive (counterclockwise) vs. negative (clockwise) angles, with live verification that sin⁡(−θ)=−sin⁡θ\sin(-\theta) = -\sin\theta (odd) and cos⁡(−θ)=cos⁡θ\cos(-\theta) = \cos\theta (even).

Why Angle Classification Matters in Trigonometry

Knowing the type of an angle determines almost every downstream calculation:

• Function signs depend on quadrant, which depends on classification (acute, obtuse, reflex).
• Reference angles reduce any trig evaluation to a first-quadrant computation.
• Coterminal equivalence means sin⁡θ\sin\theta, cos⁡θ\cos\theta, tan⁡θ\tan\theta are periodic; this powers Fourier analysis, wave physics, and signal processing.
• Special angles provide the exact values that appear in proofs, identities, and integrals.
• Directed angles distinguish phase and rotation direction in physics, navigation, and complex numbers.

For applications and worked examples, see the trigonometry foundations page.

Related Concepts and Tools

Continue exploring with these connected resources:

• Angle Explorer — single-angle visualizer focused on type, quadrant, and reference angle.
• Trigonometric Functions Graphs — see how sin⁡\sin, cos⁡\cos, tan⁡\tan and their reciprocals evolve as θ\theta varies.
• Functions Signs by Quadrants — the ASTC rule explained interactively.
• Triangle Explorer — angles inside triangles, with built-in law of sines and law of cosines.
• Unit Circle — geometric setup for every special angle in this tool.
• Double Angle Identities — formulas that combine angles into 2θ2\theta relationships.