Update pages/Life_cycle_of_ML.py

pages/Life_cycle_of_ML.py

@@ -24,15 +24,15 @@ The life cycle of Machine Learning (ML) involves several stages, from defining t
 <svg width="800" height="600">
   <!-- Problem Statement (Rectangle) -->
   <rect x="50" y="50" width="150" height="50" fill="#FFB6C1" stroke="#000" />
-  <text x="75" y="80" fill="centre" font-size="14">Problem Statement</text>
+  <text x="125" y="80" fill="#000" font-size="14" text-anchor="middle">Problem Statement</text>
   
   <!-- Data Collection (Circle) -->
   <circle cx="300" cy="75" r="40" fill="#ADD8E6" stroke="#000" />
-  <text x="270" y="80" fill="#000" font-size="14">Data Collection</text>
+  <text x="300" y="80" fill="#000" font-size="14" text-anchor="middle">Data Collection</text>
   
   <!-- Simple EDA (Ellipse) -->
   <ellipse cx="500" cy="75" rx="80" ry="40" fill="#90EE90" stroke="#000" />
-  <text x="445" y="80" fill="#000" font-size="14">Simple EDA</text>
+  <text x="500" y="80" fill="#000" font-size="14" text-anchor="middle">Simple EDA</text>
   
   <!-- Arrows between Problem Statement, Data Collection, and Simple EDA -->
   <line x1="200" y1="75" x2="260" y2="75" stroke="#000" marker-end="url(#arrow)" />
@@ -40,15 +40,15 @@ The life cycle of Machine Learning (ML) involves several stages, from defining t
   
   <!-- Data Preprocessing (Rectangle) -->
   <rect x="50" y="200" width="150" height="50" fill="#FFD700" stroke="#000" />
-  <text x="75" y="230" fill="#000" font-size="14">Data Preprocessing</text>
+  <text x="125" y="230" fill="#000" font-size="14" text-anchor="middle">Data Preprocessing</text>
   
   <!-- EDA (Circle) -->
   <circle cx="300" cy="225" r="40" fill="#FF7F50" stroke="#000" />
-  <text x="275" y="230" fill="#000" font-size="14">EDA</text>
+  <text x="300" y="230" fill="#000" font-size="14" text-anchor="middle">EDA</text>
   
   <!-- Feature Engineering (Ellipse) -->
   <ellipse cx="500" cy="225" rx="80" ry="40" fill="#9370DB" stroke="#000" />
-  <text x="445" y="230" fill="#000" font-size="14">Feature Engineering</text>
+  <text x="500" y="230" fill="#000" font-size="14" text-anchor="middle">Feature Engineering</text>
   
   <!-- Arrows between Data Preprocessing, EDA, and Feature Engineering -->
   <line x1="125" y1="250" x2="260" y2="225" stroke="#000" marker-end="url(#arrow)" />
@@ -56,15 +56,15 @@ The life cycle of Machine Learning (ML) involves several stages, from defining t
   
   <!-- Training (Rectangle) -->
   <rect x="50" y="350" width="150" height="50" fill="#FF6347" stroke="#000" />
-  <text x="75" y="380" fill="#000" font-size="14">Training</text>
+  <text x="125" y="380" fill="#000" font-size="14" text-anchor="middle">Training</text>
   
   <!-- Testing (Circle) -->
   <circle cx="300" cy="375" r="40" fill="#98FB98" stroke="#000" />
-  <text x="275" y="380" fill="#000" font-size="14">Testing</text>
+  <text x="300" y="380" fill="#000" font-size="14" text-anchor="middle">Testing</text>
   
   <!-- Deploying (Ellipse) -->
   <ellipse cx="500" cy="375" rx="80" ry="40" fill="#F0E68C" stroke="#000" />
-  <text x="445" y="380" fill="#000" font-size="14">Deploying</text>
+  <text x="500" y="380" fill="#000" font-size="14" text-anchor="middle">Deploying</text>
   
   <!-- Arrows between Training, Testing, and Deploying -->
   <line x1="125" y1="400" x2="260" y2="375" stroke="#000" marker-end="url(#arrow)" />
@@ -72,7 +72,7 @@ The life cycle of Machine Learning (ML) involves several stages, from defining t
   
   <!-- Monitoring (Rectangle) -->
   <rect x="250" y="500" width="150" height="50" fill="#B0E0E6" stroke="#000" />
-  <text x="275" y="530" fill="#000" font-size="14">Monitoring</text>
+  <text x="325" y="530" fill="#000" font-size="14" text-anchor="middle">Monitoring</text>
   
   <!-- Arrow from Deploying to Monitoring -->
   <line x1="580" y1="375" x2="325" y2="500" stroke="#000" marker-end="url(#arrow)" />
@@ -88,4 +88,3 @@ The life cycle of Machine Learning (ML) involves several stages, from defining t
 
 # Render HTML content in Streamlit
 st.markdown(html_content, unsafe_allow_html=True)
-