Create an application to display the motion graph of a spring in Russian. Users can adjust stiffness and mass using sliders, and the app updates the oscillation curve in real time. The graph should show the displacement over time with a grid, labels, and additional details, along with a visual animation of the spring's motion.

Features

- User Controls: Include sliders to adjust stiffness and mass, as well as controls for friction, temperature, and maximum amplitude.
- Dynamic Updates: As users adjust the controls, the graph updates in real time.
- Detailed Information: Display initial point, peak values, and oscillation period on the graph.

Layout

- Mobile-Friendly Design: Ensure the visualization is centered and easily visible on a mobile screen.
- FAQs: Provide FAQs to explain the controls and data, such as friction, temperature adjustments, and detailed graph information.

Best Practices

- Ensure intuitive user interface.
- Display dynamic data like force, acceleration, and velocity.
- Provide visual animations of spring motion alongside numerical data for enhanced understanding.

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

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

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

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

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