Visual walkthrough — Action-angle variables — integrable systems
Step 1 — The playground: phase space
WHAT we did: replaced "watch the spring wobble in time" with "watch a dot move in a – plane." WHY: because bounded, repeating motion draws a closed loop here — and a loop has a clean, measurable feature (its enclosed area) that a wobbly time-graph does not. PICTURE: the dot (red) sits on its loop; the arrows show which way it circulates.

Step 2 — Why the loop closes, and what "one period" means
WHAT: we named the loop — it is the level curve "energy = ". WHY: because the dot cannot leave a curve of constant energy, the same loop is retraced again and again. One period = the dot goes all the way around once and returns to its start. PICTURE: three nested loops for three energies . Bigger energy ⇒ bigger loop. The red loop is the one we track.

Step 3 — The action is literally an area
WHAT: defined as (loop area)/. WHY: an area is one fixed number per loop, i.e. per energy — the ideal conserved quantity. PICTURE: the loop shaded; the red sliver of width and height shows what measures before we sum all slivers.

Step 4 — Cover every kind of loop: libration vs rotation
There are two shapes of bounded motion, and the contour means something different for each:
- Libration (back-and-forth, like a spring or a swing that doesn't go over the top): oscillates between and . The dot goes along the top () then along the bottom (). Both halves count — this is where the famous factor of 2 comes from (the box example in the parent note).
- Rotation (round and round, like a pendulum swinging fully over the top): is an angle that keeps increasing through and wraps around. The loop does not close by coming back; it closes by the angle wrapping. The contour runs once.
WHAT: split bounded motion into two contour types. WHY: because is only well-defined once you know which way the loop closes; getting this wrong changes by a factor of 2 or its whole shape. PICTURE: left = libration loop (returns on itself, top red = forward, bottom = return); right = rotation "loop" (a wavy band that wraps because is periodic).

Step 5 — Compute the area for the harmonic oscillator
The area of an ellipse is (no integration needed — geometry hands it to us):
WHAT: rearranged into an ellipse and read off its area. WHY use the ellipse formula? Because is the enclosed area — and the enclosed shape here is a perfect ellipse, whose area is a known formula. We skip all calculus. PICTURE: the red ellipse with semi-axes and labelled, area shaded.

Step 6 — AREA → INVERT: get as a function of
WHAT: turned "area vs energy" into "energy as a function of the action", . WHY invert? Because the new Hamiltonian must depend on the action (our conserved coordinate), not on the messy . Writing is exactly that. PICTURE: a straight line — on the vertical axis, on the horizontal — with slope (red). For the harmonic oscillator the graph is perfectly straight.

Step 7 — DIFFERENTIATE: the frequency is the slope
For the harmonic oscillator , so the slope is constant:
We recovered the spring's frequency purely by measuring the area of a loop and taking a slope — never solving .
Recall Why
in the definition of ? The angle partner obeys . Over one full trip, . So the is exactly what makes the angle run once around from to per period — a clean clock hand.
WHAT: differentiated to get . WHY: because in the new coordinates is constant, and that constant is the frequency — the single number that summarises all the dynamics. PICTURE: the same – line with the slope triangle drawn in red; the slope is .

Step 8 — Degenerate & edge cases (never leave the reader stranded)
WHAT: checked the collapsed loop, the bent graph, and the rotating contour. WHY: the recipe must never surprise you — every regime (zero, linear, non-linear, rotating) is covered by the same three moves with the right contour. PICTURE: two – graphs side by side — a straight line (harmonic, constant ) vs a curve (box, growing); the red slope triangle is drawn at two points on the curve to show changing.

The one-picture summary

Recall-the-recipe clozes:
equals what, in words?
To turn -vs- into the frequency you
For libration the contour picks up a factor of
When the – graph is curved, the frequency
Recall Feynman retelling — the whole walkthrough in plain words
Picture a kid on a swing, but instead of watching the swing, draw a dot: sideways is where the kid is, up-and-down is how fast they're going. As the kid swings, that dot traces the same closed loop over and over. Now do just three things. One: measure the area inside that loop — that's basically the "size of the swing", and it stays fixed while the kid swings; we call it the action (after shrinking it by ). Two: notice that a bigger swing (more energy) means a bigger loop, so there's a clean chart of "energy vs loop-size" — flip it around to read energy off the loop-size. Three: look at how steep that chart is — that steepness is exactly how many swings per minute the kid makes. And here's the miracle: we found the swings-per-minute just from measuring an area and reading a slope. We never had to sit and watch the whole swing tick through time. For a spring the chart is a straight line, so the frequency is the same for any swing size; for a ball bouncing in a box the chart bends, so bigger bounces have a different rhythm. Same three moves either way: area, flip, slope.
Connections
- Parent topic — the recipe this page draws.
- Hamiltonian mechanics — where and come from.
- Canonical transformations · Generating functions · Hamilton–Jacobi equation — the machinery behind .
- Liouville–Arnold theorem — the multi-DOF torus generalisation.
- Bohr–Sommerfeld quantization — where turns Step 6 into the SHO spectrum.
- Adiabatic invariants · KAM theorem · Poisson brackets — what integrability buys and where it breaks.