قم بإنشاء تطبيق لعرض رسم بياني لحركة نابض مع عناصر تحكم لضبط الصلابة والكتلة باستخدام أدوات التمرير. يجب أن يقوم التطبيق بتحديث منحنى التذبذب في الوقت الفعلي. سيعرض الرسم البياني الإزاحة مقابل الزمن مع شبكة وعلامات وتفاصيل إضافية، إلى جانب رسوم متحركة بصرية لحركة النابض.

## الميزات

- **أدوات التمرير**: تضمين أدوات تمرير لضبط الصلابة والكتلة، مما يتيح للمستخدمين التلاعب بخصائص النابض بسهولة.
- **تحديث في الوقت الفعلي**: التأكد من أن الرسم البياني يتم تحديثه في الوقت الفعلي عند تغيير قيم أدوات التمرير، مما يعكس الحركة الديناميكية للنابض.
- **مكونات الرسم البياني**:
  - عرض شبكة مع علامات واضحة للزمن (المحور السيني) والإزاحة (المحور الصادي).
  - تضمين تفاصيل إضافية مثل القوة والتسارع والسرعة على مر الزمن.
- **رسوم متحركة للنابض**: توفير رسوم متحركة بصرية لحركة النابض تتزامن مع الرسم البياني لفهم أكثر سهولة.

## عرض البيانات الديناميكية

- عرض القيم اللحظية للقوة والتسارع والسرعة أثناء تغيرها خلال المحاكاة بطريقة واضحة وبديهية للمستخدم.

## تحسين الهواتف المحمولة

- التأكد من أن تخطيط التطبيق مُحسَّن للأجهزة المحمولة، مع وضع الرسم البياني وعناصر التحكم في موقع مركزي لسهولة الرؤية.
- استخدام تقنيات التصميم المتجاوب للحفاظ على سهولة الاستخدام عبر مختلف أحجام الشاشات.

## تفاعل المستخدم

- يجب أن يكون التطبيق تفاعليًا للغاية مع انتقالات سلسة أثناء ضبط عناصر التحكم، مع تطبيق أفضل ممارسات تجربة المستخدم لضمان تنقل بديهي وتفاعل فعال.

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

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

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

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

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