뒤로 앞으로 흔들리는 간단한 진자의 시각적 시뮬레이터를 만드세요. 앱은 영어로 작성되며 사용자 친화적인 인터페이스를 갖추어야 합니다.

레이아웃:
- 진자의 움직임을 시각적으로 표시할 수 있는 캔버스 영역.
- 진자의 길이(0.1~5미터), 초기 각도(0~90도), 중력 가속도(0~15 m/s²)를 조절할 수 있는 슬라이더가 있는 폼 섹션.
- 시간에 따른 진자의 각 변위를 표시할 그래프 영역.

상호작용:
- 사용자는 진자의 움직임을 시작하고 일시 중지할 수 있어야 합니다.
- 슬라이더는 진자의 매개변수를 동적으로 조정하며, 시뮬레이션에 즉시 반영되어야 합니다.

애니메이션:
- 진자는 실제 물리 계산을 기반으로 현실적인 애니메이션을 보여야 합니다.
- 애니메이션의 지속 시간과 속도는 진자의 매개변수에 따라 결정되어 자연스러운 실시간 느낌을 줘야 합니다.

그래프:
- 시간에 따른 각 변위를 선 그래프로 표시하세요.
- 시뮬레이션 진행 중 그래프가 실시간으로 업데이트되도록 하세요.
- 축 라벨과 그리드를 사용해 그래프를 명확하게 스타일링하세요.

최선의 실행 방법:
- 시각적 업데이트를 위한 부드러운 전환 효과를 사용하여 사용자 경험을 향상시키세요.
- 진자 매개변수를 쉽게 조작할 수 있도록 직관적인 사용자 인터페이스를 유지하세요.
- 물리 계산과 애니메이션을 효율적으로 처리할 수 있도록 성능을 최적화하세요.

Build a visual simulator of a simple pendulum swinging back and forth. Add a form with sliders for pendulum length (0.1–5 meters), initial angle (0–90 degrees), and gravitational acceleration (0–15 m/s²). Animate the pendulum’s motion and show a graph of its angular displacement over time.

Q: How should the pendulum be represented visually?
A: yes

Q: What should be the duration and speed of the animation?
A: yes

Q: What kind of graph style do you prefer for angular displacement?
A: decide