Spaces:
Sleeping
Sleeping
File size: 1,512 Bytes
b05d633 ec49f78 b05d633 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 |
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)
|