ロシア語でバネの動きを表示するモバイルフレンドリーなアプリを作成してください。ユーザーはスライダーで剛性と質量を調整できます。アプリは振動曲線をリアルタイムに更新し、グリッド、ラベル、追加の詳細、そしてアニメーションによるバネ運動の視覚化で、時間経過に伴う変位を示します。

---

機能
- リアルタイムグラフ更新: ユーザーがパラメータを調整する際の変位の変化を表示します。
- 制御スライダー: 剛性と質量を動的に変更するためのスライダーを含みます。
- データ表示: グラフの横に力、加速度、速度、変位のライブデータを表示します。
- アニメーション視覚化: グラフの変化に連動するバネ運動のアニメーションシミュレーションを提供します。
- レスポンシブデザイン: モバイル画面の中央にグラフを配置します。

---

ユーザーインタラクション
- スライダー: 画面下部にスライダーを配置し、ユーザーが容易に剛性と質量を調整できるようにします。
- ダイナミックデータ表示: グラフの上または横に、力、加速度、速度、変位のリアルタイム数値を表示します。
- グラフインタラクション: ユーザーがグラフをタップしてアニメーションを一時停止、再生、またはリセットできるようにします。

---

レイアウト
- モバイルファースト: デザインはモバイルユーザー向けに、画面の大部分を占める中央のグラフで構成されます。
- 明確なグリッドとラベル: グラフは明瞭なグリッドと軸ラベルで見やすくすること。

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

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

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

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

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