Créez une application mobile conviviale pour afficher un graphique du mouvement d'un ressort en russe. Les utilisateurs peuvent ajuster la rigidité et la masse via des curseurs. L'application met à jour la courbe d'oscillation en temps réel, affichant le déplacement dans le temps avec une grille, des étiquettes, des détails supplémentaires et une visualisation animée du mouvement du ressort.

---

Fonctionnalités
- Mises à jour en temps réel du graphique : visualisez le changement de déplacement au fil du temps lors de l'ajustement des paramètres.
- Curseurs de contrôle : intégrez des curseurs pour ajuster la rigidité et la masse, modifiant dynamiquement le comportement du ressort.
- Affichage des données : affichez en direct les données de force, d'accélération, de vitesse et de déplacement à côté du graphique.
- Visualisation animée : proposez une animation synchronisée du mouvement du ressort avec les changements du graphique.
- Design réactif : assurez-vous que la visualisation soit centrée sur les écrans mobiles.

---

Interaction utilisateur
- Curseurs : placez les curseurs en bas de l'écran pour un accès facile afin d'ajuster rigidité et masse.
- Affichage dynamique : affichez les données numériques en direct de force, d'accélération, de vitesse et de déplacement au-dessus ou à côté du graphique.
- Interaction avec le graphique : permettez aux utilisateurs de toucher le graphique pour mettre en pause, lancer ou réinitialiser l'animation.

---

Disposition
- Mobile-first : le design doit être pensé pour les utilisateurs mobiles, avec un graphique central occupant la majeure partie de l'écran.
- Grille et étiquettes claires : le graphique doit être facile à lire grâce à une grille nette et des étiquettes d'axes explicites.

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

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

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

Q: Какие конкретные контролы вы хотите включить для настройки жесткости и массы?
A: Ползунок для жесткости и ползунок для массы.

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