Erstelle eine Anwendung, die den Bewegungsverlauf einer Feder darstellt und Regler zur Anpassung von Steifigkeit und Masse mittels Schiebereglern bietet. Die App soll die Schwingungskurve in Echtzeit aktualisieren. Das Diagramm zeigt den Verlauf von Verschiebung gegen Zeit mit einem Raster, Beschriftungen und weiteren Details, sowie eine visuelle Animation der Federbewegung.

## Funktionen

- **Schieberegler**: Integriere Schieberegler zur Anpassung von Steifigkeit und Masse, damit Nutzer die Eigenschaften der Feder leicht steuern können.
- **Echtzeit-Aktualisierung**: Sorge dafür, dass das Diagramm bei veränderten Schiebereglerwerten in Echtzeit aktualisiert wird und die dynamische Bewegung der Feder widerspiegelt.
- **Diagramm-Komponenten**:
  - Zeige ein Raster mit klaren Beschriftungen für Zeit (x-Achse) und Verschiebung (y-Achse).
  - Füge zusätzliche Details wie Kraft, Beschleunigung und Geschwindigkeit über die Zeit hinzu.
- **Federanimation**: Stelle eine visuelle Animation der Federbewegung bereit, die synchron zum Diagramm abläuft, um das Verständnis zu erleichtern.

## Dynamische Datendarstellung

- Zeige die Echtzeit-Werte von Kraft, Beschleunigung und Geschwindigkeit während der Simulation an, damit die Daten klar und intuitiv dargestellt werden.

## Mobile Optimierung

- Optimiere das Layout für mobile Geräte, indem du Diagramm und Regler zentral platzierst, um eine gute Sichtbarkeit zu gewährleisten.
- Verwende responsive Design-Techniken, um eine einwandfreie Nutzbarkeit auf verschiedenen Bildschirmgrößen sicherzustellen.

## Nutzerinteraktion

- Die Anwendung soll hochgradig interaktiv sein und sanfte Übergänge bieten, wenn die Regler angepasst werden, und dabei bewährte UX-Praktiken für eine intuitive Navigation und Benutzerbindung umsetzen.

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

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

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

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

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