基于Matter.js的单摆仿真工具，允许学生调整包括长度、起始角、重力和阻尼参数。应用程序显示带有清晰坐标轴和比例标记的动态摆动位移图，布局优化为模拟和图表并排或上下排列，以实现有效的可视化和交互。

Build a tool to simulate a pendulum with Matter.js, graphing its displacement over time.
Students can tweak length and starting angle, watching the graph adjust instantly.

Q: Should any additional parameters be adjustable by students (e.g., gravity or damping) beyond just length and starting angle?
A: yes, all

Q: What specific details should the displacement graph display (such as axis labels, scale, or markers)?
A: axis, scale

Q: How would you like the layout to be organized; for example, should the simulation and graph be displayed side by side or one above the other?
A: optimal