समायोज्य पैरामीटर के साथ आगे-पीछे दोलन करने वाले एक सरल पेंडुलम का वेब-आधारित दृश्य सिम्युलेटर बनाएं। **प्रोजेक्ट अवलोकन**: स्लाइडर्स के माध्यम से अनुकूलनीय बॉब के साथ पेंडुलम की गति को देखने योग्य दृश्य सिमुलेशन तैयार करें। **UI/UX डिज़ाइन और फ्लो**: पेंडुलम की लंबाई (0.1–5 मीटर), प्रारंभिक कोण (0–90 डिग्री) और गुरुत्वाकर्षण त्वरण (0–15 m/s²) के लिए स्लाइडर्स वाले फॉर्म को लागू करें और इसे ग्राफ के बगल में रखें। **मुख्य कार्यक्षमता और लॉजिक**: स्लाइडर्स द्वारा सेट पैरामीटर के अनुसार पेंडुलम की गति को एनीमेट करें; कोणीय विचलन को ग्राफ में कैलकुलेट और प्रदर्शित करें, साथ ही काइनेटिक ऊर्जा, पोटेंशियल ऊर्जा और उनके योग वाले मैकेनिकल ऊर्जा के ग्राफ भी प्रदान करें। **सर्वोत्तम प्रथाएँ**: UI को सहज और उत्तरदायी बनाएं, स्लाइडर्स, एनीमेशन और ग्राफ के स्मूद अपडेट सुनिश्चित करें, तथा बेहतर उपयोगकर्ता पहुंच के लिए स्पष्ट लेबलिंग और डेटा पठनीयता बनाए रखें।

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 graphs of its angular displacement.
Show graphs of kinetic and potential energy of pendulum and sum them up into mechanical energy


Q: How should the pendulum's motion be visually represented?
A: Include a bob 

Q: What layout do you envision for the form and the graphs?
A: Place the form to the side of the graphs