Spaces:
Sleeping
Sleeping
Update app.py
Browse files
app.py
CHANGED
|
@@ -2,7 +2,7 @@
|
|
| 2 |
"""
|
| 3 |
app.py
|
| 4 |
|
| 5 |
-
A Streamlit application that displays a densified, numbered skill–tree overview.
|
| 6 |
It includes:
|
| 7 |
1. A Combined Overall Skill Tree Model in a numbered Markdown outline.
|
| 8 |
2. Detailed numbered outlines for each sub–model with emoji–labeled skills.
|
|
@@ -12,7 +12,7 @@ It includes:
|
|
| 12 |
6. A Picture Mnemonic Outline to aid memorization.
|
| 13 |
7. A Tweet Summary for a high–resolution overview.
|
| 14 |
|
| 15 |
-
Each node or term is annotated with an emoji and a mnemonic acronym to aid readability.
|
| 16 |
For example:
|
| 17 |
- Leadership and Collaboration is titled with "LeCo" and its root node is abbreviated as LC.
|
| 18 |
- Security and Compliance is titled with "SeCo" and its root node is abbreviated as SC.
|
|
@@ -28,6 +28,7 @@ For example:
|
|
| 28 |
import streamlit as st
|
| 29 |
import streamlit.components.v1 as components
|
| 30 |
|
|
|
|
| 31 |
def render_mermaid(mermaid_code, height=500):
|
| 32 |
html_code = f"""
|
| 33 |
<html>
|
|
@@ -53,7 +54,7 @@ def render_mermaid(mermaid_code, height=500):
|
|
| 53 |
components.html(html_code, height=height)
|
| 54 |
|
| 55 |
# --------------------------
|
| 56 |
-
# Markdown Outlines as Variables
|
| 57 |
# --------------------------
|
| 58 |
|
| 59 |
md_combined_outline = r'''
|
|
@@ -322,19 +323,19 @@ def main():
|
|
| 322 |
render_mermaid(mermaid_code, height=300)
|
| 323 |
render_mermaid(combined_mermaid, height=800)
|
| 324 |
|
| 325 |
-
|
| 326 |
st.markdown(md_glossary, unsafe_allow_html=True)
|
| 327 |
|
| 328 |
-
|
| 329 |
st.markdown(md_python_libraries, unsafe_allow_html=True)
|
| 330 |
|
| 331 |
-
|
| 332 |
st.markdown(md_js_libraries, unsafe_allow_html=True)
|
| 333 |
|
| 334 |
-
|
| 335 |
st.markdown(md_picture_mnemonic, unsafe_allow_html=True)
|
| 336 |
|
| 337 |
-
|
| 338 |
st.markdown(md_tweet, unsafe_allow_html=True)
|
| 339 |
|
| 340 |
if __name__ == "__main__":
|
|
|
|
| 2 |
"""
|
| 3 |
app.py
|
| 4 |
|
| 5 |
+
A Streamlit application that displays a densified, numbered skill–tree overview for learning state of art ML.
|
| 6 |
It includes:
|
| 7 |
1. A Combined Overall Skill Tree Model in a numbered Markdown outline.
|
| 8 |
2. Detailed numbered outlines for each sub–model with emoji–labeled skills.
|
|
|
|
| 12 |
6. A Picture Mnemonic Outline to aid memorization.
|
| 13 |
7. A Tweet Summary for a high–resolution overview.
|
| 14 |
|
| 15 |
+
Each node or term is annotated with an emoji and a mnemonic acronym to aid readability, learning and perception.
|
| 16 |
For example:
|
| 17 |
- Leadership and Collaboration is titled with "LeCo" and its root node is abbreviated as LC.
|
| 18 |
- Security and Compliance is titled with "SeCo" and its root node is abbreviated as SC.
|
|
|
|
| 28 |
import streamlit as st
|
| 29 |
import streamlit.components.v1 as components
|
| 30 |
|
| 31 |
+
# Javascript and HTML to render mermaid models as a function component in python.
|
| 32 |
def render_mermaid(mermaid_code, height=500):
|
| 33 |
html_code = f"""
|
| 34 |
<html>
|
|
|
|
| 54 |
components.html(html_code, height=height)
|
| 55 |
|
| 56 |
# --------------------------
|
| 57 |
+
# Markdown Outlines as Python Variables
|
| 58 |
# --------------------------
|
| 59 |
|
| 60 |
md_combined_outline = r'''
|
|
|
|
| 323 |
render_mermaid(mermaid_code, height=300)
|
| 324 |
render_mermaid(combined_mermaid, height=800)
|
| 325 |
|
| 326 |
+
# 📖 Glossary
|
| 327 |
st.markdown(md_glossary, unsafe_allow_html=True)
|
| 328 |
|
| 329 |
+
# 🐍 Python Libraries Guide
|
| 330 |
st.markdown(md_python_libraries, unsafe_allow_html=True)
|
| 331 |
|
| 332 |
+
# 💻 JavaScript Libraries Guide
|
| 333 |
st.markdown(md_js_libraries, unsafe_allow_html=True)
|
| 334 |
|
| 335 |
+
# 🖼 Picture Mnemonic Outline
|
| 336 |
st.markdown(md_picture_mnemonic, unsafe_allow_html=True)
|
| 337 |
|
| 338 |
+
# 🐦 Tweet Summary
|
| 339 |
st.markdown(md_tweet, unsafe_allow_html=True)
|
| 340 |
|
| 341 |
if __name__ == "__main__":
|