スライダーを使用して剛性と質量を調整できるコントロールを備え、ばねの運動グラフを表示するアプリケーションを作成してください。アプリは、振動曲線をリアルタイムで更新する必要があります。グラフは、格子状の背景、ラベル、その他の詳細情報とともに時間に対する変位を表示し、ばねの動きを視覚的にアニメーションで示します。

## 機能

- **スライダー**：剛性と質量を調整するためのスライダーを含み、ユーザーがばねの特性を簡単に操作できるようにします。
- **リアルタイム更新**：スライダーの値を変更するとグラフがリアルタイムで更新され、ばねの動的な運動を反映します。
- **グラフコンポーネント**：
  - 時間（x軸）と変位（y軸）のラベルが付いたグリッドを表示します。
  - 時間経過とともに力、加速度、速度などの詳細情報も含みます。
- **ばねアニメーション**：グラフと連動したばねの動きのアニメーションを提供し、直感的な理解を助けます。

## 動的データ表示

- シミュレーション中に変化する力、加速度、速度の値をリアルタイムで分かりやすく表示します。

## モバイル最適化

- モバイルデバイス向けにレイアウトを最適化し、グラフとコントロールを中央に配置して視認性を確保します。
- さまざまな画面サイズに対応するため、レスポンシブデザインを採用します。

## ユーザーインタラクション

- ユーザーがコントロールを調整する際にスムーズなトランジションを実現し、直感的なナビゲーションと操作性を追求します。

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

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

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

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

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