Update pages/Life_cycle_of_ML.py

pages/Life_cycle_of_ML.py

@@ -1,19 +1,12 @@
 import streamlit as st
 
-# Center alignment for SVG diagram
+# Center alignment for the SVG diagram
 st.markdown('<div style="text-align: center;">', unsafe_allow_html=True)
 
-# SVG Diagram for Machine Learning Life Cycle
+# Simplified SVG Diagram for Machine Learning Life Cycle
 st.markdown('''
 <svg width="700" height="500">
 
-    <!-- Definitions for arrowheads -->
-    <defs>
-        <marker id="arrow" markerWidth="10" markerHeight="10" refX="5" refY="5" orient="auto">
-            <path d="M0,0 L10,5 L0,10 z" fill="#000" />
-        </marker>
-    </defs>
-
     <!-- Problem Definition -->
     <rect x="50" y="50" width="200" height="50" fill="#FFD700" stroke="#000" />
     <text x="70" y="80" fill="#000" font-size="14">Problem Definition</text>
@@ -39,19 +32,15 @@ st.markdown('''
     <text x="230" y="430" fill="#000" font-size="14">Deployment</text>
 
     <!-- Arrows -->
-    <line x1="150" y1="100" x2="150" y2="150" stroke="#000" marker-end="url(#arrow)" />
-    <line x1="150" y1="200" x2="150" y2="250" stroke="#000" marker-end="url(#arrow)" />
-    <line x1="250" y1="175" x2="350" y2="175" stroke="#000" marker-end="url(#arrow)" />
-    <line x1="450" y1="200" x2="450" y2="250" stroke="#000" marker-end="url(#arrow)" />
-    <line x1="350" y1="275" x2="250" y2="275" stroke="#000" marker-end="url(#arrow)" />
-    <line x1="300" y1="300" x2="300" y2="400" stroke="#000" marker-end="url(#arrow)" />
+    <line x1="150" y1="100" x2="150" y2="150" stroke="#000" />
+    <line x1="150" y1="200" x2="150" y2="250" stroke="#000" />
+    <line x1="250" y1="175" x2="350" y2="175" stroke="#000" />
+    <line x1="450" y1="200" x2="450" y2="250" stroke="#000" />
+    <line x1="350" y1="275" x2="250" y2="275" stroke="#000" />
+    <line x1="300" y1="300" x2="300" y2="400" stroke="#000" />
 
 </svg>
 ''', unsafe_allow_html=True)
 
-# Closing div
+# Close the div
 st.markdown('</div>', unsafe_allow_html=True)
-
-
-
-