Update pages/Life_cycle_of_ML.py

pages/Life_cycle_of_ML.py

@@ -1,10 +1,7 @@
 import streamlit as st
 
-# Center alignment for the SVG diagram
-st.markdown('<div align="center">', unsafe_allow_html=True)
-
-# SVG with shapes and clickable buttons (links)
-st.markdown('''
+# SVG diagram with clickable shapes as buttons
+svg_code = """
 <svg width="600" height="400">
 
     <!-- Problem Definition -->
@@ -52,7 +49,8 @@ st.markdown('''
     <line x1="340" y1="225" x2="450" y2="225" stroke="#000" marker-end="url(#arrow)" />
 
 </svg>
-''', unsafe_allow_html=True)
+"""
+
+# Using Streamlit to render the SVG as a raw HTML string
+st.markdown(f'<div align="center">{svg_code}</div>', unsafe_allow_html=True)
 
-# Close the div for centering the SVG
-st.markdown('</div>', unsafe_allow_html=True)