Mohr'r Circle Javascript, HTML5 Canvas

Mohr'c Circle is a great way to visualize relationship of normal stresses and shear stresses of an element. I could not help myself to program this fascinating tool. The program is made using HTML5 Canvas element and brought into life by Javascript.

Parameters

Adjust the input slider to enter normal stresses, shear stress or angle. The transformation results are summarized at right.

\( \sigma_x \)
\( \sigma_y \)
\( \tau_{xy} \)
\( \theta \)
\( \sigma_x^\prime\) MPa
\( \tau_x^\prime \) MPa
Center
Radius
Max Normal MPa
Min Normal MPa
Max Shear MPa
Min Shear MPa

Application

(The circle will update as you adjust the sliders)