Home▸Civil Engineering & Structural Mechanics▸Beam Deflection (2D) — Euler-Bernoulli Diagrams

Beam Deflection (2D) — Euler-Bernoulli Diagrams

2D Canvas companion to the 3D beam-deflection simulator: pick a beam type, a point load or a uniform distributed load, and watch the deflected shape, bending-moment and shear-force diagrams update live from the exact same Euler-Bernoulli formulas.

Civil Engineering & Structural Mechanics2DEasy60 FPS📱 Mobile-adapted⇄ 3D version

This 2D companion drives the identical Euler-Bernoulli beam equations as the 3D version on a plain canvas: choose simply supported, cantilever or fixed-fixed end conditions, apply a point load or a uniform distributed load, and adjust span, magnitude, position, modulus and second moment of area (or pick a Wood/Steel/Concrete/Aluminium preset) to see the deflected shape, bending-moment diagram and shear-force diagram redraw instantly, alongside the same live max-deflection, max-moment, max-shear and flexural-rigidity readouts.

⚙ Under the hood

2D Canvas companion to the 3D beam-deflection simulator, running the same closed-form Euler-Bernoulli formulas (EI d²y/dx² = M(x)) for three boundary conditions and two load types, redrawing the deflection, moment and shear diagrams on every slider change.

beam deflectioneuler-bernoullibending momentshear forcestructural analysis2d-simulation

2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install