Interactive Beam Analyzer
I built an interactive web tool for statically determinate beam analysis. It's designed for civil engineering students and professionals who need to quickly visualize shear force and bending moment diagrams.
🔧 Access the tool here: Beam Analysis →
What you can do
- Define the total beam length
- Add supports: pinned, roller, fixed
- Apply loads: point (kN), distributed (kN/m), concentrated moments (kN·m)
- Compute reactions at supports
- Visualize shear force V(x) and bending moment M(x) diagrams
How it works
The calculation engine implements static equilibrium equations:
The beam is discretized into 200 points, and shear/moment are computed at each section using load integration. The system automatically detects whether the beam is:
- Determinate (2 reaction unknowns) → computes and plots
- Indeterminate (>2 unknowns) → shows warning
- Unstable (<2 unknowns) → shows warning
Tech stack
| Component | Technology |
|---|---|
| Framework | Next.js (App Router) |
| Charts | Recharts |
| Physics engine | TypeScript (standalone module) |
| Styles | Tailwind CSS + CSS Modules |
| Deployment | Vercel |
Try the tool
If you find bugs or have suggestions, feel free to contact me.