pages/Lifecycle of Machine Learning.py

import streamlit as st

# HTML and CSS code for a simple mind map
html_code = """
<div style="display: flex; justify-content: center; margin-top: 20px;">
<div style="text-align: center;">
 <!-- Root Node -->
 <div style="background-color: #4CAF50; color: white; padding: 10px 20px; border-radius: 10px; margin-bottom: 20px;">
Data Science
</div>
<div style="display: flex; justify-content: space-around;">
<!-- First Branch -->
<div style="text-align: center; margin-right: 50px;">
<div style="background-color: #f44336; color: white; padding: 10px 20px; border-radius: 10px;">
Machine Learning
</div>
<div style="margin-top: 20px;">
<div style="background-color: #e91e63; color: white; padding: 10px 20px; border-radius: 10px; margin-top: 10px;">
Supervised
</div>
<div style="background-color: #e91e63; color: white; padding: 10px 20px; border-radius: 10px; margin-top: 10px;">
Unsupervised
</div>
</div>
</div>
<!-- Second Branch -->
<div style="text-align: center; margin-left: 50px;">
<div style="background-color: #2196F3; color: white; padding: 10px 20px; border-radius: 10px;">
Deep Learning
</div>
<div style="margin-top: 20px;">
<div style="background-color: #03A9F4; color: white; padding: 10px 20px; border-radius: 10px; margin-top: 10px;">
CNN
</div>
<div style="background-color: #03A9F4; color: white; padding: 10px 20px; border-radius: 10px; margin-top: 10px;">
RNN
</div>
</div>
</div>
</div>
</div>
</div>
"""

# Display the mind map in Streamlit
st.markdown(html_code, unsafe_allow_html=True)