创建一个基于网页的简单摆的可视模拟器，该摆来回摇摆，参数可调。**项目概述**：构建一个可视模拟器，让用户通过滑块观察摆的运动及小球运动。**UI/UX设计和流程**：实现带滑块的表单，用于调整摆长（0.1–5米）、初始角度（0–90度）和重力加速度（0–15 m/s²），并将该表单放置在图表旁边。**核心功能和逻辑**：根据滑块设置的参数，动画展示摆的运动；计算并展示角位移图表，同时提供显示动能、势能及其机械能总和的图表。**最佳实践**：确保界面直观响应，滑块操作顺畅，动画及图表更新流畅，并保持标签清晰、数据易读，以便用户使用。

Build a visual simulator of a simple pendulum swinging back and forth. Add a form with sliders for pendulum length (0.1–5 meters), initial angle (0–90 degrees), and gravitational acceleration (0–15 m/s²). Animate the pendulum’s motion and show a graphs of its angular displacement.
Show graphs of kinetic and potential energy of pendulum and sum them up into mechanical energy


Q: How should the pendulum's motion be visually represented?
A: Include a bob 

Q: What layout do you envision for the form and the graphs?
A: Place the form to the side of the graphs