Create app.py

app.py

@@ -0,0 +1,87 @@
+import streamlit as st
+import time
+import plotly.graph_objects as go
+
+# Set the page layout to wide mode
+st.set_page_config(layout="wide")
+
+# List of process stages and outcomes
+stages = [
+    ("Initiating Process (0-5 seconds)", "info"),
+    ("Process Ongoing (5-10 seconds)", "success"),
+    ("Midway Check (10-15 seconds)", "info"),
+    ("Process Nearing Completion (15-20 seconds)", "warning"),
+    ("Process Completed (20-25 seconds)", "success")
+]
+
+# Create interactive graph with progressive stages
+def create_interactive_graph(show_until_stage):
+    fig = go.Figure()
+
+    # Data for the plot
+    process_steps = [1, 2, 3, 4, 5]
+    intensity = [1, 2, 3, 4, 5]
+    steps_text = [
+        "Initiating",
+        "Ongoing",
+        "Midway Check",
+        "Nearing Completion",
+        "Completed"
+    ]
+
+    # Add bars for each stage up to show_until_stage
+    for i in range(show_until_stage):
+        fig.add_trace(go.Bar(
+            x=[process_steps[i]],
+            y=[intensity[i]],
+            name=f"Stage {i+1}: {steps_text[i]}",
+            marker_color=['blue', 'green', 'orange', 'yellow', 'red'][i]
+        ))
+
+    # Update layout
+    fig.update_layout(
+        title="Process Stages vs Intensity",
+        xaxis_title="Process Steps",
+        yaxis_title="Intensity",
+        barmode='stack'
+    )
+    return fig
+
+# Streamlit app
+st.title("Process Stages Animation")
+
+# Add a start animation button
+start_button = st.button("Start Animation")
+
+if start_button:
+    # Iterate through stages and corresponding outcomes
+    for i in range(len(stages)):
+        with st.container():
+            # Create two columns within each container
+            col1, col2 = st.columns([1, 2])  # Adjust column width ratio
+
+            with col1:
+                # Display stages with delays
+                stage, stage_type = stages[i]
+                if stage_type == "success":
+                    st.success(f"Stage {i+1}: {stage}")
+                elif stage_type == "info":
+                    st.info(f"Stage {i+1}: {stage}")
+                elif stage_type == "warning":
+                    st.warning(f"Stage {i+1}: {stage}")
+                elif stage_type == "error":
+                    st.error(f"Stage {i+1}: {stage}")
+
+            with col2:
+                # Update the graph in the second column
+                fig = create_interactive_graph(i + 1)
+                st.plotly_chart(fig, use_container_width=True)
+        
+        # Add a delay between stages
+        time.sleep(5)
+
+    # Display final complete graph
+    with st.container():
+        st.write("**Complete Interactive Graph:**")
+        fig = create_interactive_graph(len(stages))
+        st.plotly_chart(fig, use_container_width=True)