Создайте приложение для отображения графика движения пружины с элементами управления для настройки жесткости и массы с помощью ползунков. Приложение должно обновлять кривую колебаний в реальном времени. График будет показывать зависимость смещения от времени с сеткой, подписями и дополнительными деталями, а также анимированное визуальное представление движения пружины.

## Особенности

- **Ползунки**: Включите ползунки для регулировки жесткости и массы, чтобы пользователи могли легко управлять свойствами пружины.
- **Обновление в реальном времени**: Гарантируйте, что график обновляется в реальном времени при изменении значений ползунков, отражая динамику движения пружины.
- **Компоненты графика**:
  - Отображение сетки с ясными подписями для времени (ось x) и смещения (ось y).
  - Включение дополнительных деталей, таких как сила, ускорение и скорость в зависимости от времени.
- **Анимация пружины**: Обеспечьте визуальную анимацию движения пружины, синхронизированную с графиком для лучшего понимания.

## Динамическое отображение данных

- Отображайте в реальном времени значения силы, ускорения и скорости по мере их изменения во время симуляции, чтобы данные были понятны и интуитивно воспринимались.

## Мобильная оптимизация

- Обеспечьте оптимизацию интерфейса для мобильных устройств, разместив график и элементы управления по центру для лучшей видимости.
- Применяйте адаптивный дизайн для сохранения удобства использования на экранах разных размеров.

## Взаимодействие с пользователем

- Приложение должно быть высокоинтерактивным с плавными переходами при изменении настроек, реализуя лучшие практики пользовательского опыта для интуитивной навигации и вовлечения.

Создайте приложение для отображения графика движения пружины. Пользователи смогут регулировать жесткость и массу с помощью ползунков, а приложение будет обновлять кривую колебаний в реальном времени. График будет представлять зависимость смещения от времени с сеткой, метками и дополнительными деталями, а также визуальной анимацией движения пружины.

Нужно побольше всяких контролов, выводить динамические данные силы, ускорения, скорости итд.

Страница должна быть сверстана под мобильный телефон визуализация должна быть хорошо видна по центру экрана.

Q: Какие конкретные контролы вам нужны?
A: Например, ползунки для жесткости и массы.

Q: Какую информацию вы хотите отображать в динамических данных?
A: Сила, ускорение, скорость и их значения во времени.