Update app.py

app.py

@@ -26,11 +26,11 @@ def bubble_sort(arr, animate=False):
     return arr, steps
 
 # Function to animate the sorting process
-def animate_sorting(arr, steps):
+def animate_sorting(steps):
     fig, ax = plt.subplots()
     ax.set_title("Bubble Sort Animation")
     bar_width = 0.5
-    rects = ax.bar(range(len(arr)), arr, width=bar_width)
+    rects = ax.bar(range(len(steps[0])), steps[0], width=bar_width)
 
     def update(step):
         for rect, height in zip(rects, steps[step]):
@@ -63,7 +63,6 @@ if sidebar_option == "Introductory Tutorial":
     image = Image.open("1.png")  # Path to your image file
     st.image(image, width=200)  # You can adjust the width as needed
 
-    # Add the Bubble Sort Simulator button
     # Add the Bubble Sort Simulator button
     if st.button("Bubble Sort Simulator"):
         st.title("Bubble Sort with Animation")
@@ -77,7 +76,7 @@ if sidebar_option == "Introductory Tutorial":
 
             # Ask the user if they want an animation
             animate_option = st.radio("Do you want to see the animation?", options=["Yes", "No"], key="animate_radio")
-            
+
             # Perform bubble sort and get the steps for animation
             animate = animate_option == "Yes"
             sorted_array, steps = bubble_sort(arr, animate)
@@ -87,7 +86,7 @@ if sidebar_option == "Introductory Tutorial":
 
             # Show animation if required
             if animate:
-                animate_sorting(arr, steps)
+                animate_sorting(steps)
     
     # Add content descriptions
     descriptions = [