Crea un'applicazione per visualizzare il grafico del movimento di una molla, includendo controlli per regolare la rigidità e la massa tramite cursori. L'app deve aggiornare in tempo reale la curva di oscillazione. Il grafico mostrerà lo spostamento in funzione del tempo con una griglia, etichette e dettagli aggiuntivi, insieme a un'animazione visiva del movimento della molla.

## Caratteristiche

- **Cursori**: Includi cursori per regolare la rigidità e la massa, consentendo agli utenti di manipolare facilmente le proprietà della molla.
- **Aggiornamento in tempo reale**: Assicurati che il grafico si aggiorni in tempo reale man mano che i valori dei cursori cambiano, riflettendo il movimento dinamico della molla.
- **Componenti del grafico**:
  - Visualizza una griglia con etichette chiare per il tempo (asse x) e lo spostamento (asse y).
  - Includi dettagli aggiuntivi come forza, accelerazione e velocità nel tempo.
- **Animazione della molla**: Fornisci un'animazione visiva del movimento della molla, sincronizzata con il grafico per una comprensione intuitiva.

## Visualizzazione dei dati dinamici

- Mostra in tempo reale i valori di forza, accelerazione e velocità durante la simulazione, garantendo una chiara e intuitiva comprensione dei dati.

## Ottimizzazione per dispositivi mobili

- Ottimizza il layout per dispositivi mobili, posizionando il grafico e i controlli al centro per una migliore visibilità.
- Utilizza tecniche di design responsive per mantenere la facilità d'uso su tutti i formati di schermo.

## Interazione con l'utente

- L'applicazione deve essere altamente interattiva, con transizioni fluide durante la regolazione dei controlli, adottando le migliori pratiche per garantire una navigazione intuitiva e un elevato coinvolgimento dell'utente.

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

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

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

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

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