Create a web-based visual simulator of a simple pendulum that swings back and forth with adjustable parameters. **Project Overview**: Build a visual simulation allowing users to observe a pendulum's motion with a bob, adjustable with sliders. **UI/UX Design and Flow**: Implement a form with sliders for pendulum length (0.1–5 meters), initial angle (0–90 degrees), and gravitational acceleration (0–15 m/s²). Position this form to the side of the graphs. **Core Functionality and Logic**: Animate the pendulum’s motion based on the parameters set by the sliders. Calculate and display the angular displacement as a graph. Additionally, provide graphs showing the kinetic energy, potential energy, and their sum as mechanical energy. **Best Practices**: Ensure the UI is intuitive and responsive, providing smooth slider interactions and updates to the animation and graphs. Maintain clear labeling and legibility of graph data for user accessibility.

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