Home▸Civil Engineering & Structural Mechanics▸2D Cantilever Plate Finite Element Simulation - Visualize Deformation & Stress

🏗️ 2D Cantilever Plate Finite Element Simulation - Visualize Deformation & Stress

Watch a cantilever plate get meshed into triangles, assembled into a global stiffness matrix, and solved with a real Conjugate Gradient iterative solver while the residual falls to convergence — then see it deform and light up with von Mises stress.

Civil Engineering & Structural Mechanics3DAdvanced60 FPS

Details

CategoryCivil Engineering & Structural Mechanics

RenderingThree.js · WebGL

DifficultyAdvanced

Target FPS60

ControlsThe interactive simulation allows users to adjust key parameters including mesh density, material properties (Young's modulus and Poisson's ratio), applied load magnitude, and viewing options like displacement exaggeration and a deformed-stress vs. undeformed-mesh visualization.

Three.jsFEMFinite ElementStructural AnalysisStiffness MatrixConjugate GradientVon Mises Stress

Related simulations

Bridge DesignerInteractive truss bridge structural analysis using the finite element method. Choose Warren,…

Bridge Structural Analysis2D truss bridge simulation using the direct stiffness method. Assemble the global stiffness…

Bridge Truss Analyser — Structural Forces & DeformationLoad a Pratt truss and let a stiffness-method solver colour each member by tension or… ⊞ All 57 in Civil Engineering & Structural Mechanics →

⚙ Under the hood

This simulation visually displays the deformation of a 2D cantilever plate under load using a real triangular finite element mesh, showcasing the resulting stresses. Users can manipulate parameters such as Young's modulus, Poisson's ratio, applied force, and mesh resolution to observe their impact on the structural response.

Three.jsFEMFinite ElementStructural AnalysisStiffness MatrixConjugate GradientVon Mises Stress

3D · Three.js / WebGL renderer · 60 FPS target · runs fully client-side, no install