Update app.py

app.py

@@ -1,9 +1,6 @@
 import streamlit as st
 import time
-import plotly.graph_objs as go
-import plotly.express as px
 from PIL import Image
-import numpy as np
 
 # Inject Custom CSS for Aesthetic Enhancements
 def inject_custom_css():
@@ -74,7 +71,7 @@ def inject_custom_css():
     </style>
     """, unsafe_allow_html=True)
 
-# Bubble Sort Algorithm with Plotly animation
+# Bubble Sort Algorithm with animation
 def bubble_sort(arr):
     steps = []
     n = len(arr)
@@ -85,7 +82,7 @@ def bubble_sort(arr):
                 steps.append(list(arr))  # Record the state of the array after each step
     return steps
 
-# Insertion Sort Algorithm with Plotly animation
+# Insertion Sort Algorithm with animation
 def insertion_sort(arr):
     steps = []
     for i in range(1, len(arr)):
@@ -99,7 +96,7 @@ def insertion_sort(arr):
         steps.append(list(arr))  # Record the state after inserting the key
     return steps
 
-# Selection Sort Algorithm with Plotly animation
+# Selection Sort Algorithm with animation
 def selection_sort(arr):
     steps = []
     n = len(arr)
@@ -112,37 +109,11 @@ def selection_sort(arr):
         steps.append(list(arr))  # Record the state after each swap
     return steps
 
-# Plotly animation function to display sorting process
-def plotly_animation(steps, algorithm_name):
-    fig = go.Figure()
+# Function to handle animation in the streamlit app
+def animate_sorting(steps):
     for step in steps:
-        fig.add_trace(go.Scatter(
-            x=list(range(len(step))),
-            y=step,
-            mode="lines+markers",
-            name=f'{algorithm_name} Sorting Step',
-            line=dict(color='blue'),
-            marker=dict(color='red', size=10),
-        ))
-    fig.update_layout(
-        title=f"{algorithm_name} Algorithm - Sorting Process",
-        xaxis_title="Index",
-        yaxis_title="Value",
-        updatemenus=[dict(
-            type="buttons",
-            showactive=False,
-            buttons=[dict(label="Play",
-                         method="animate",
-                         args=[None, dict(frame=dict(duration=500, redraw=True), fromcurrent=True)])]
-        )],
-        sliders=[dict(
-            steps=[dict(label=str(i),
-                        method="animate",
-                        args=[[i], dict(frame=dict(duration=500, redraw=True), mode="immediate", transition=dict(duration=0))]) 
-                   for i in range(len(steps))])
-        ]
-    )
-    st.plotly_chart(fig)
+        st.write(step)
+        time.sleep(0.5)  # Adjust sleep time to control animation speed
 
 # Streamlit App Interface
 def main():
@@ -183,8 +154,8 @@ def main():
                 elif algorithm == "Selection Sort":
                     steps = selection_sort(arr)
 
-                # Show the Plotly animation
-                plotly_animation(steps, algorithm)
+                # Animate the sorting process
+                animate_sorting(steps)
 
                 # Display the final sorted array
                 st.write("Sorted Array:", arr)
@@ -253,4 +224,4 @@ def main():
 
 # Run the app
 if __name__ == "__main__":
-    main()
+    main()