Kaydırıcılar kullanılarak sertlik ve kütle ayarlarının yapılabildiği, yay hareketinin grafiksel olarak gösterildiği bir uygulama oluşturun. Uygulama, salınım eğrisini gerçek zamanlı olarak güncellemelidir. Grafik; zaman eksenine karşı yer değiştirmeyi, ızgara, etiketler ve ek detaylarla gösterecek ve yay hareketinin görsel animasyonunu sunacaktır.

## Özellikler

- **Kaydırıcılar**: Kullanıcıların yayı kolayca kontrol edebilmesi için sertlik ve kütleyi ayarlayan kaydırıcılar ekleyin.
- **Gerçek Zamanlı Güncelleme**: Kaydırıcı değerleri değiştikçe, grafiğin gerçek zamanlı olarak güncellendiğinden emin olun, böylece yay hareketinin dinamik yapısını yansıtsın.
- **Grafik Bileşenleri**:
  - Zaman (x ekseni) ve yer değiştirme (y ekseni) için net etiketlere sahip bir ızgara gösterin.
  - Zamanla değişen kuvvet, ivme ve hız gibi ek detayları da dahil edin.
- **Yay Animasyonu**: Anlamayı kolaylaştırmak için grafikle senkronize çalışan yay hareketinin görsel animasyonunu sağlayın.

## Dinamik Veri Gösterimi

- Simülasyon sırasında değişen kuvvet, ivme ve hızın gerçek zamanlı değerlerini, kullanıcıların kolayca anlayabileceği şekilde gösterin.

## Mobil Optimizasyon

- Tasarımın mobil cihazlar için optimize edildiğinden emin olun; grafik ve kontroller merkezi olarak konumlandırılmalı, böylece iyi bir görünürlük sağlanmalıdır.
- Farklı ekran boyutlarında kullanılabilirliği korumak için duyarlı (responsive) tasarım teknikleri kullanın.

## Kullanıcı Etkileşimi

- Kullanıcı kontrolleri ayarlandığında yumuşak geçişler sağlayan, etkileşimi yüksek ve sezgisel bir navigasyon sunan en iyi kullanıcı deneyimi uygulamalarını hayata geçirin.

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

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

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

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

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