This 2D companion draws the exact same binary-eutectic thermodynamics as the 3D version — liquidus, eutectic solidus, and the two solvus lines — on a plain Canvas2D chart instead of an orthographic WebGL scene, so the physics is easy to read against clean axes:
Liquidus (left of eutectic): T = TmA + (Te-TmA)·x/xe
Liquidus (right of eutectic): T = Te + (TmB-Te)·(x-xe)/(100-xe)
Solvus α(T) = solA·max(0,(T-25)/(Te-25))
Solvus β(T) = 100 - solB·max(0,(T-25)/(Te-25))
Lever rule: fL = (x-xA)/(xL-xA), fA = 1-fL (α+L tie line, same form for β+L and α+β)
Drag the composition and temperature sliders (or click/drag directly on the diagram) to move the state point through the liquid, two-phase (α+L, β+L, α+β) and single-phase solid fields; the lever-rule tie line updates live and the readout panel reports the exact liquid/solid mass fractions the phase diagram predicts at that point.
The Cooling curve view drives the same composition down from above the liquidus at a steady rate, slows down through the mushy two-phase zone (latent heat of fusion is being released as the melt freezes), and — for any composition strictly between the pure components — holds isothermal at the eutectic temperature for a duration proportional to how much liquid remains at that instant, reproducing the classic thermal-arrest plateau used to read eutectic points from real cooling-curve data.
- Alloy system — swaps in real Tm, Te, xe and solubility limits for Cu-Ag, Pb-Sn (solder), Al-Cu (age-hardening aluminium) or Bi-Sn (low-melting solder).
- Composition — hypoeutectic left of xe, hypereutectic right; exactly at xe the whole melt freezes at one temperature with no primary phase.
- Temperature — moves the state point vertically through the liquid, two-phase and solid fields.