Создайте веб-симулятор простого маятника, который колеблется взад-вперед с регулируемыми параметрами. **Обзор проекта**: Постройте визуальную симуляцию, позволяющую пользователям наблюдать за движением маятника с грузиком, который можно регулировать с помощью ползунков. **Дизайн UI/UX и поток**: Реализуйте форму с ползунками для выбора длины маятника (0.1–5 метров), начального угла (0–90 градусов) и ускорения свободного падения (0–15 м/с²). Разместите эту форму рядом с графиками. **Основная функциональность и логика**: Анимируйте движение маятника на основе заданных параметрами ползунков; постройте график углового смещения и предоставьте графики для кинетической энергии, потенциальной энергии и их суммы как механической энергии. **Лучшие практики**: Обеспечьте интуитивно понятный и адаптивный интерфейс с плавным взаимодействием ползунков и обновлением анимации и графиков, с ясной маркировкой для удобства пользователя.

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