Update pages/Life_cycle_of_ML.py

pages/Life_cycle_of_ML.py

@@ -1,12 +1,19 @@
 import streamlit as st
 
 # Center alignment for SVG diagram
-st.markdown('<div align="center">', unsafe_allow_html=True)
+st.markdown('<div style="text-align: center;">', unsafe_allow_html=True)
 
-# SVG with shapes and buttons
+# SVG diagram
 st.markdown('''
 <svg width="600" height="400">
 
+    <!-- Arrow marker definition -->
+    <defs>
+        <marker id="arrow" markerWidth="10" markerHeight="10" refX="5" refY="3" orient="auto">
+            <path d="M0,0 L0,6 L9,3 z" fill="#000" />
+        </marker>
+    </defs>
+
     <!-- Problem Definition -->
     <a href="#problem-definition">
         <rect x="50" y="50" width="150" height="50" fill="#FFB6C1" stroke="#000" />
@@ -48,7 +55,7 @@ st.markdown('''
     </a>
 
     <!-- Arrows -->
-    <line x1="125" y1="250" x2="260" y2="225" stroke="#000" marker-end="url(#arrow)" />
+    <line x1="125" y1="225" x2="260" y2="225" stroke="#000" marker-end="url(#arrow)" />
     <line x1="340" y1="225" x2="450" y2="225" stroke="#000" marker-end="url(#arrow)" />
 
 </svg>
@@ -58,3 +65,4 @@ st.markdown('''
 st.markdown('</div>', unsafe_allow_html=True)
 
 
+