Buatlah sebuah aplikasi untuk menampilkan grafik gerakan pegas dengan kontrol untuk mengatur kekakuan dan massa menggunakan slider. Aplikasi ini harus memperbarui kurva osilasi secara real-time. Grafik akan menampilkan perpindahan terhadap waktu dengan grid, label, dan detail tambahan, disertai animasi visual gerakan pegas.

## Fitur

- **Slider**: Sertakan slider untuk mengatur kekakuan dan massa, sehingga pengguna dapat dengan mudah memanipulasi properti pegas.
- **Pembaruan Real-time**: Pastikan grafik diperbarui secara real-time ketika nilai slider berubah, mencerminkan gerakan dinamis pegas.
- **Komponen Grafik**:
  - Tampilkan grid dengan label yang jelas untuk waktu (sumbu x) dan perpindahan (sumbu y).
  - Sertakan detail tambahan seperti gaya, percepatan, dan kecepatan seiring waktu.
- **Animasi Pegas**: Sediakan animasi visual gerakan pegas yang sinkron dengan grafik untuk pemahaman yang intuitif.

## Tampilan Data Dinamis

- Tampilkan nilai gaya, percepatan, dan kecepatan secara real-time selama simulasi dengan cara yang jelas dan mudah dipahami.

## Optimasi Mobile

- Pastikan tata letak dioptimalkan untuk perangkat mobile dengan menempatkan grafik dan kontrol secara terpusat untuk visibilitas yang baik.
- Gunakan teknik desain responsif untuk menjaga kemudahan penggunaan di berbagai ukuran layar.

## Interaksi Pengguna

- Aplikasi harus sangat interaktif dengan transisi yang halus saat pengguna mengubah kontrol, menerapkan praktik terbaik dalam pengalaman pengguna untuk navigasi yang intuitif dan keterlibatan yang tinggi.

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

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

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

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

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