Créez une application pour afficher le graphique du mouvement d'un ressort avec des contrôles pour ajuster la raideur et la masse à l'aide de curseurs. L'application doit mettre à jour en temps réel la courbe d'oscillation. Le graphique affichera le déplacement en fonction du temps avec une grille, des étiquettes et des détails supplémentaires, accompagné d'une animation visuelle du mouvement du ressort.

## Fonctionnalités

- **Curseurs** : Inclure des curseurs pour régler la raideur et la masse, permettant aux utilisateurs de manipuler facilement les propriétés du ressort.
- **Mise à jour en temps réel** : Veiller à ce que le graphique se mette à jour en temps réel lors des modifications des valeurs, reflétant le mouvement dynamique du ressort.
- **Composants du graphique** :
  - Afficher une grille avec des étiquettes claires pour le temps (axe x) et le déplacement (axe y).
  - Inclure des détails supplémentaires comme la force, l'accélération et la vitesse dans le temps.
- **Animation du ressort** : Fournir une animation visuelle du mouvement du ressort synchronisée avec le graphique pour une compréhension intuitive.

## Affichage des données dynamiques

- Afficher en temps réel les valeurs de force, d'accélération et de vitesse au fur et à mesure des changements pendant la simulation, de façon claire et intuitive.

## Optimisation mobile

- Optimiser la mise en page pour les appareils mobiles en plaçant le graphique et les commandes au centre pour une meilleure visibilité.
- Utiliser des techniques de conception responsive pour garantir une bonne utilisabilité sur toutes les tailles d'écran.

## Interaction utilisateur

- L'application doit être hautement interactive avec des transitions douces lors du réglage des contrôles, en appliquant les meilleures pratiques d'expérience utilisateur pour une navigation intuitive et un engagement optimal.

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

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

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

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

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