러시아어로 된 스프링 움직임 그래프를 표시하는 모바일 친화적 애플리케이션을 만드세요. 사용자는 슬라이더를 사용하여 강성과 질량을 조절할 수 있습니다. 앱은 진동 곡선을 실시간으로 업데이트하여, 그리드, 라벨, 추가 정보 및 애니메이션 스프링 모션 시각화를 통해 시간에 따른 변위를 보여줍니다.

---

기능
- 실시간 그래프 업데이트: 사용자가 파라미터를 조정할 때 시간에 따른 변위 변화를 시각화합니다.
- 조절 슬라이더: 강성과 질량을 동적으로 변경할 수 있는 슬라이더를 포함합니다.
- 데이터 표시: 그래프 옆에 실시간으로 힘, 가속도, 속도 및 변위 데이터를 표시합니다.
- 애니메이션 시각화: 그래프 변화에 맞추어 스프링의 움직임을 애니메이션으로 시뮬레이션합니다.
- 반응형 디자인: 모바일 화면 중앙에 시각화가 배치되도록 합니다.

---

사용자 상호작용
- 슬라이더: 화면 하단에 슬라이더를 배치해 사용자가 쉽게 강성과 질량을 조절할 수 있도록 합니다.
- 동적 데이터 표시: 그래프 위나 옆에 힘, 가속도, 속도, 변위의 실시간 수치 데이터를 보여줍니다.
- 그래프 인터랙션: 사용자가 그래프를 터치하면 애니메이션을 일시 정지, 재생 또는 재설정할 수 있도록 합니다.

---

레이아웃
- 모바일 우선: 디자인은 모바일 사용자를 고려해 중앙에 큰 그래프가 화면 대부분을 차지하도록 구성합니다.
- 명확한 그리드 및 라벨: 그래프는 명확한 그리드와 축 라벨로 쉽게 읽힐 수 있어야 합니다.

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

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

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

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

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