Crie um simulador visual baseado na web de um pêndulo simples que oscila de um lado para o outro com parâmetros ajustáveis. **Visão Geral do Projeto**: Construa uma simulação visual que permita aos usuários observar o movimento de um pêndulo com uma massa, ajustável com controles deslizantes. **Design e Fluxo UI/UX**: Implemente um formulário com controles deslizantes para o comprimento do pêndulo (0.1–5 metros), ângulo inicial (0–90 graus) e aceleração da gravidade (0–15 m/s²). Posicione este formulário ao lado dos gráficos. **Funcionalidade Principal e Lógica**: Anime o movimento do pêndulo baseado nos parâmetros definidos pelos controles. Calcule e exiba o deslocamento angular em um gráfico, e forneça gráficos da energia cinética, energia potencial e sua soma como energia mecânica. **Melhores Práticas**: Garanta que a interface seja intuitiva e responsiva, permitindo interações suaves e atualizações fluidas na animação e gráficos, com rótulos claros para a melhor acessibilidade.

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