Crea un simulador visual basado en la web de un péndulo simple que oscila de un lado a otro con parámetros ajustables. **Resumen del Proyecto**: Construye una simulación visual que permita a los usuarios observar el movimiento de un péndulo con un peso, ajustable con deslizadores. **Diseño y Flujo UI/UX**: Implementa un formulario con deslizadores para la longitud del péndulo (0.1–5 metros), ángulo inicial (0–90 grados) y aceleración gravitatoria (0–15 m/s²). Coloca este formulario al lado de los gráficos. **Funcionalidad Central y Lógica**: Anima el movimiento del péndulo según los parámetros definidos por los deslizadores. Calcula y muestra el desplazamiento angular en un gráfico, y proporciona gráficos para la energía cinética, potencial y la energía mecánica total. **Buenas Prácticas**: Asegura una interfaz intuitiva y responsiva, con interacciones suaves en los deslizadores y actualizaciones fluidas de animaciones y gráficos, manteniendo etiquetas claras para mejor accesibilidad.

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