3DWorldBuilder

Sleeping

App Files Files Community

awacke1 commited on Feb 15

Commit

05908d6

verified ·

1 Parent(s): 5b0c93c

Update app.py

Browse files

Files changed (1) hide show

app.py +52 -82

app.py CHANGED Viewed

@@ -30,35 +30,33 @@ import streamlit as st
 import streamlit.components.v1 as components
 def render_mermaid(mermaid_code, height=500):
-    html_code = f"""
-    <html>
-      <head>
-        <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/mermaid.min.js"></script>
-        <style>
-          body {{
-            background-color: white;
-            font-family: sans-serif;
-          }}
-        </style>
-      </head>
-      <body>
-        <div class="mermaid">
 {mermaid_code}
-        </div>
-        <script>
-          mermaid.initialize({{startOnLoad:true}});
-        </script>
-      </body>
-    </html>
-    """
     components.html(html_code, height=height)
 # --------------------------
 # Markdown Outlines as Variables
 # --------------------------
-md_combined_outline = r'''
-# 📚 Hands On State of Art App Dev Using Mixture of Experts, Skills Knowledge, and Multiagent ML Architectures
 1. **👥 Leadership and Collaboration (LeCo):** Strategic leadership and team management.
 2. **🔒 Security and Compliance (SeCo):** Security operations, compliance, and system hardening.
 3. **📊 Data Engineering (DaEn):** Data processing, analytics, and governance.
@@ -70,8 +68,7 @@ md_combined_outline = r'''
 9. **🎯 Specialized Domains (SpDo):** Advanced CV, robotics, HPC, and AI quantization.
 '''
-md_submodels_outline = r'''
-## 1. 👥 Leadership Management Collaboration (LeCo)
 1. **🚀 Strategic and Cross-Functional Leadership:** Global strategy, team coordination and vendor management.
 2. **🤝 Team Building and Agile Collaboration:** Coaching, agile processes and stakeholder management.
 3. **💡 Domain Expertise and Innovation:** Deep AI framework knowledge and product strategy.
@@ -120,8 +117,7 @@ md_submodels_outline = r'''
 4. **🔢 AI Quantization and Inference:** Quantization techniques, in-browser inference and neural sparse models.
 '''
-md_glossary = r'''
-# 📖 Glossary
 1. **🔧 Systems Infrastructure (SyIn):** Hardware and OS-level operations enabling computing environments.
 2. **💻 Software Cloud MLOps (SCMI):** Tools and processes for managing ML workflows and cloud infrastructures.
 3. **🤖 Machine Learning AI (MLAI):** Techniques and architectures for developing and deploying AI models.
@@ -136,8 +132,7 @@ md_glossary = r'''
 12. **MLOps (⚙️):** Machine Learning Operations; practices for deploying and managing ML systems.
 '''
-md_python_libraries = r'''
-# 🐍 Python Libraries Guide
 1. **🔥 TensorFlow (tensorflow) -** Deep learning library for research and production.
 2. **🤗 Huggingface Hub (huggingface_hub) -** Platform for sharing and accessing pre-trained models.
 3. **🔄 Transformers (transformers) -** Library for NLP and model inference.
@@ -160,8 +155,7 @@ md_python_libraries = r'''
 20. **🔗 Requests (requests) -** HTTP library for Python.
 '''
-md_js_libraries = r'''
-# 💻 JavaScript Libraries Guide
 1. **🔥 React (react) -** Library for building UI components.
 2. **⚛️ Redux (redux) -** Predictable state container for JavaScript apps.
 3. **🌐 Node.js (node) -** JavaScript runtime for building server-side applications.
@@ -184,8 +178,7 @@ md_js_libraries = r'''
 20. **🎇 Three.js (three) -** Library for creating 3D graphics in the browser.
 '''
-md_picture_mnemonic = r'''
-1. **1 - Lighthouse:** Represents #1, a beacon of guidance.
 2. **2 - Eyeglasses:** Symbolizes #2, two lenses for clarity.
 3. **3 - Stool:** Denotes #3, three legs for stability.
 4. **4 - Window:** Represents #4, four panes for insight.
@@ -196,8 +189,7 @@ md_picture_mnemonic = r'''
 9. **9 - Cat:** Reminds of #9, nine lives and resilience.
 '''
-md_references = r'''
-## References
 [1](#references) McCarthy, M. J. (2007). *Mastering the INFORMATION AGE - A Course in Working Smarter, Thinking Better, and Learning Faster*. Retrieved from [https://www.example.com/reference](https://www.example.com/reference)
 '''
@@ -206,76 +198,57 @@ md_references = r'''
 # --------------------------
 mermaid_areas = {
-    "1. 👥 Leadership and Collaboration (LeCo)": r'''
-graph LR
   LC[👥 Leadership and Collaboration (LeCo)]
   LC --> LeCo1a[🚀 Strategic and Cross-Functional Leadership - Global strategy, team coordination and vendor management]
   LC --> LeCo1b[🤝 Team Building and Agile Collaboration - Coaching, agile processes and stakeholder management]
-  LC --> LeCo1c[💡 Domain Expertise and Innovation - Deep AI knowledge and product strategy]
-    ''',
-    "2. 🔒 Security and Compliance (SeCo)": r'''
-graph LR
   SC[🔒 Security and Compliance (SeCo)]
   SC --> SeCo1[🛡️ Security Operations and Incident Response - Incident management, pen testing and vulnerability assessment]
   SC --> SeCo2[✅ Compliance and Governance - Data quality, compliance policies and IAM]
-  SC --> SeCo3[🔒 System Hardening and Automation - Secure HPC, ML, Python, Bash automation and cost optimization]
-    ''',
-    "3. 📊 Data Engineering (DaEn)": r'''
-graph LR
   DE[📊 Data Engineering (DaEn)]
   DE --> DaEn1[💧 Data Processing and Ingestion - Multi-modal data, event handling and ETL]
   DE --> DaEn2[📊 Analytics, Forecasting and Visualization - BI tools, dashboards and forecasting]
-  DE --> DaEn3[📝 Data Governance and Quality - Modeling, warehousing and stakeholder communications]
-    ''',
-    "4. 📢 Community OpenSource (CoOS)": r'''
-graph LR
   CO[📢 Community OpenSource (CoOS)]
   CO --> CoOS1[📚 Technical Documentation and Demos - Code examples, demos and notebooks]
-  CO --> CoOS2[💬 Community Engagement and Collaboration - Public speaking, social media engagement and collaborations]
-    ''',
-    "5. 📱 FullStack UI Mobile (FuMo)": r'''
-graph LR
   FM[📱 FullStack UI Mobile (FuMo)]
   FM --> FuMo1[📱 Mobile and Web App Development - Full-stack development, CI/CD and API design]
   FM --> FuMo2[🎨 UI/UX and Frontend Integration - React, Next.js, TypeScript and user-centric UI design]
-  FM --> FuMo3[🔌 Backend and Cross-Platform Tools - Python/Node, cloud microservices and ML bridging]
-    ''',
-    "6. 💻 Software Cloud MLOps (SCMI)": r'''
-graph LR
   SM[💻 Software Cloud MLOps (SCMI)]
   SM --> SCMI1[🛠️ Developer Tooling and Observability - Full-stack development, debugging and SRE practices]
   SM --> SCMI2[🤖 ML Frameworks and Automation - Python APIs, PyTorch, Keras and Ray, Horovod]
   SM --> SCMI3[🔄 Data Pipelines and Processing - Spark, Airflow and ETL pipelines]
-  SM --> SCMI4[☁️ Cloud and Infrastructure Provisioning - Kubernetes, Docker, Terraform and cloud integration]
-    ''',
-    "7. 🤖 Machine Learning AI (MLAI)": r'''
-graph LR
   ML[🤖 Machine Learning AI (MLAI)]
   ML --> MLAI1[🏛️ Large-Scale Architectures and Retrieval - Transformers, RAG and vector databases]
   ML --> MLAI2[⚗️ Experimentation and Distributed Training - RL, quantization and ablation studies]
   ML --> MLAI3[📡 Application and API Development - Agentic AI, LLM inference and microservices]
-  ML --> MLAI4[📈 Optimization and Monitoring - Performance tuning, scaling and reliability]
-    ''',
-    "8. 🔧 Systems Infrastructure (SyIn)": r'''
-graph LR
   SI[🔧 Systems Infrastructure (SyIn)]
   SI --> SyIn1[🐧 Hardware and OS Integration - Linux, embedded systems, C/C++ integrations]
   SI --> SyIn2[⚙️ Performance and Tuning - Cross-layer tuning, throughput modeling and load balancing]
   SI --> SyIn3[🤖 Advanced ML and Automation - Cross-team innovation, observability and ServiceNow automation]
-  SI --> SyIn4[🚀 Distributed and HPC Deployment - Data-center HPC/ML, GPU orchestration and multi-GPU pipelines]
-    ''',
-    "9. 🎯 Specialized Domains (SpDo)": r'''
-graph LR
   SD[🎯 Specialized Domains (SpDo)]
   SD --> SpDo1[🎥 Advanced CV and 3D Graphics - Neural rendering, reconstruction and graphics engines]
   SD --> SpDo2[🚗 Robotics and Autonomous Systems - Autonomous vehicles, sensor fusion and path planning]
   SD --> SpDo3[💻 HPC and Hardware Integration - GPU/SoC modeling, HPC networking and prototyping]
-  SD --> SpDo4[🔢 AI Quantization and Inference - Quantization techniques, in-browser inference and neural sparse models]
-    '''
 }
-combined_mermaid = r'''
-graph LR
   LC["1. 👥 Leadership and Collaboration (LeCo)"]
   SC["2. 🔒 Security and Compliance (SeCo)"]
   DE["3. 📊 Data Engineering (DaEn)"]
@@ -293,22 +266,20 @@ graph LR
   SC ---|🛡️ protects| SM
   ML -->|💧 feeds| DE
   SM -->|⚡ powers| ML
-  FM ---|🔌 integrates with| SM
   FM -->|➕ extends to| SD
   SD ---|✨ enhances| ML
   LC ---|👁️ oversees| SC
-  CO ---|🤝 collaborates with| LC
-  CO ---|🗣️ informs| DE
-  SD ---|🔄 shares with| CO
 '''
-md_tweet = r'''
-# 🐦 Tweet Summary
 Unlock your AI mastery with our densified skill tree - from LC to SD - each node paired with powerful mnemonics and vivid visuals (🗼👓🪑🪟✋🎲☁️🚪🐱) to boost memory and innovation. #AI #ML #Learning #Innovation
 '''
-md_picture_mnemonic = r'''
-1. **1 - Lighthouse:** Represents #1, a beacon of guidance.
 2. **2 - Eyeglasses:** Symbolizes #2, two lenses for clarity.
 3. **3 - Stool:** Denotes #3, three legs for stability.
 4. **4 - Window:** Represents #4, four panes for insight.
@@ -319,8 +290,7 @@ md_picture_mnemonic = r'''
 9. **9 - Cat:** Reminds of #9, nine lives and resilience.
 '''
-md_references = r'''
-## References
 [1](#references) McCarthy, M. J. (2007). *Mastering the INFORMATION AGE - A Course in Working Smarter, Thinking Better, and Learning Faster*. Retrieved from [https://www.example.com/reference](https://www.example.com/reference)
 '''

 import streamlit.components.v1 as components
 def render_mermaid(mermaid_code, height=500):
+    html_code = f"""<html>
+<head>
+<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/mermaid.min.js"></script>
+<style>
+  body {{
+    background-color: white;
+    font-family: sans-serif;
+  }}
+</style>
+</head>
+<body>
+<div class="mermaid">
 {mermaid_code}
+</div>
+<script>
+  mermaid.initialize({{startOnLoad:true}});
+</script>
+</body>
+</html>
+"""
     components.html(html_code, height=height)
 # --------------------------
 # Markdown Outlines as Variables
 # --------------------------
+md_combined_outline = r'''# 📚 Hands On State of Art App Dev Using Mixture of Experts, Skills Knowledge, and Multiagent ML Architectures
 1. **👥 Leadership and Collaboration (LeCo):** Strategic leadership and team management.
 2. **🔒 Security and Compliance (SeCo):** Security operations, compliance, and system hardening.
 3. **📊 Data Engineering (DaEn):** Data processing, analytics, and governance.
 9. **🎯 Specialized Domains (SpDo):** Advanced CV, robotics, HPC, and AI quantization.
 '''
+md_submodels_outline = r'''## 1. 👥 Leadership Management Collaboration (LeCo)
 1. **🚀 Strategic and Cross-Functional Leadership:** Global strategy, team coordination and vendor management.
 2. **🤝 Team Building and Agile Collaboration:** Coaching, agile processes and stakeholder management.
 3. **💡 Domain Expertise and Innovation:** Deep AI framework knowledge and product strategy.
 4. **🔢 AI Quantization and Inference:** Quantization techniques, in-browser inference and neural sparse models.
 '''
+md_glossary = r'''# 📖 Glossary
 1. **🔧 Systems Infrastructure (SyIn):** Hardware and OS-level operations enabling computing environments.
 2. **💻 Software Cloud MLOps (SCMI):** Tools and processes for managing ML workflows and cloud infrastructures.
 3. **🤖 Machine Learning AI (MLAI):** Techniques and architectures for developing and deploying AI models.
 12. **MLOps (⚙️):** Machine Learning Operations; practices for deploying and managing ML systems.
 '''
+md_python_libraries = r'''# 🐍 Python Libraries Guide
 1. **🔥 TensorFlow (tensorflow) -** Deep learning library for research and production.
 2. **🤗 Huggingface Hub (huggingface_hub) -** Platform for sharing and accessing pre-trained models.
 3. **🔄 Transformers (transformers) -** Library for NLP and model inference.
 20. **🔗 Requests (requests) -** HTTP library for Python.
 '''
+md_js_libraries = r'''# 💻 JavaScript Libraries Guide
 1. **🔥 React (react) -** Library for building UI components.
 2. **⚛️ Redux (redux) -** Predictable state container for JavaScript apps.
 3. **🌐 Node.js (node) -** JavaScript runtime for building server-side applications.
 20. **🎇 Three.js (three) -** Library for creating 3D graphics in the browser.
 '''
+md_picture_mnemonic = r'''1. **1 - Lighthouse:** Represents #1, a beacon of guidance.
 2. **2 - Eyeglasses:** Symbolizes #2, two lenses for clarity.
 3. **3 - Stool:** Denotes #3, three legs for stability.
 4. **4 - Window:** Represents #4, four panes for insight.
 9. **9 - Cat:** Reminds of #9, nine lives and resilience.
 '''
+md_references = r'''## References
 [1](#references) McCarthy, M. J. (2007). *Mastering the INFORMATION AGE - A Course in Working Smarter, Thinking Better, and Learning Faster*. Retrieved from [https://www.example.com/reference](https://www.example.com/reference)
 '''
 # --------------------------
 mermaid_areas = {
+"1. 👥 Leadership and Collaboration (LeCo)": r'''graph LR
   LC[👥 Leadership and Collaboration (LeCo)]
   LC --> LeCo1a[🚀 Strategic and Cross-Functional Leadership - Global strategy, team coordination and vendor management]
   LC --> LeCo1b[🤝 Team Building and Agile Collaboration - Coaching, agile processes and stakeholder management]
+  LC --> LeCo1c[💡 Domain Expertise and Innovation - Deep AI knowledge and product strategy]''',
+"2. 🔒 Security and Compliance (SeCo)": r'''graph LR
   SC[🔒 Security and Compliance (SeCo)]
   SC --> SeCo1[🛡️ Security Operations and Incident Response - Incident management, pen testing and vulnerability assessment]
   SC --> SeCo2[✅ Compliance and Governance - Data quality, compliance policies and IAM]
+  SC --> SeCo3[🔒 System Hardening and Automation - Secure HPC, ML, Python, Bash automation and cost optimization]''',
+"3. 📊 Data Engineering (DaEn)": r'''graph LR
   DE[📊 Data Engineering (DaEn)]
   DE --> DaEn1[💧 Data Processing and Ingestion - Multi-modal data, event handling and ETL]
   DE --> DaEn2[📊 Analytics, Forecasting and Visualization - BI tools, dashboards and forecasting]
+  DE --> DaEn3[📝 Data Governance and Quality - Modeling, warehousing and stakeholder communications]''',
+"4. 📢 Community OpenSource (CoOS)": r'''graph LR
   CO[📢 Community OpenSource (CoOS)]
   CO --> CoOS1[📚 Technical Documentation and Demos - Code examples, demos and notebooks]
+  CO --> CoOS2[💬 Community Engagement and Collaboration - Public speaking, social media engagement and collaborations]''',
+"5. 📱 FullStack UI Mobile (FuMo)": r'''graph LR
   FM[📱 FullStack UI Mobile (FuMo)]
   FM --> FuMo1[📱 Mobile and Web App Development - Full-stack development, CI/CD and API design]
   FM --> FuMo2[🎨 UI/UX and Frontend Integration - React, Next.js, TypeScript and user-centric UI design]
+  FM --> FuMo3[🔌 Backend and Cross-Platform Tools - Python/Node, cloud microservices and ML bridging]''',
+"6. 💻 Software Cloud MLOps (SCMI)": r'''graph LR
   SM[💻 Software Cloud MLOps (SCMI)]
   SM --> SCMI1[🛠️ Developer Tooling and Observability - Full-stack development, debugging and SRE practices]
   SM --> SCMI2[🤖 ML Frameworks and Automation - Python APIs, PyTorch, Keras and Ray, Horovod]
   SM --> SCMI3[🔄 Data Pipelines and Processing - Spark, Airflow and ETL pipelines]
+  SM --> SCMI4[☁️ Cloud and Infrastructure Provisioning - Kubernetes, Docker, Terraform and cloud integration]''',
+"7. 🤖 Machine Learning AI (MLAI)": r'''graph LR
   ML[🤖 Machine Learning AI (MLAI)]
   ML --> MLAI1[🏛️ Large-Scale Architectures and Retrieval - Transformers, RAG and vector databases]
   ML --> MLAI2[⚗️ Experimentation and Distributed Training - RL, quantization and ablation studies]
   ML --> MLAI3[📡 Application and API Development - Agentic AI, LLM inference and microservices]
+  ML --> MLAI4[📈 Optimization and Monitoring - Performance tuning, scaling and reliability]''',
+"8. 🔧 Systems Infrastructure (SyIn)": r'''graph LR
   SI[🔧 Systems Infrastructure (SyIn)]
   SI --> SyIn1[🐧 Hardware and OS Integration - Linux, embedded systems, C/C++ integrations]
   SI --> SyIn2[⚙️ Performance and Tuning - Cross-layer tuning, throughput modeling and load balancing]
   SI --> SyIn3[🤖 Advanced ML and Automation - Cross-team innovation, observability and ServiceNow automation]
+  SI --> SyIn4[🚀 Distributed and HPC Deployment - Data-center HPC/ML, GPU orchestration and multi-GPU pipelines]''',
+"9. 🎯 Specialized Domains (SpDo)": r'''graph LR
   SD[🎯 Specialized Domains (SpDo)]
   SD --> SpDo1[🎥 Advanced CV and 3D Graphics - Neural rendering, reconstruction and graphics engines]
   SD --> SpDo2[🚗 Robotics and Autonomous Systems - Autonomous vehicles, sensor fusion and path planning]
   SD --> SpDo3[💻 HPC and Hardware Integration - GPU/SoC modeling, HPC networking and prototyping]
+  SD --> SpDo4[🔢 AI Quantization and Inference - Quantization techniques, in-browser inference and neural sparse models]'''
 }
+combined_mermaid = r'''graph LR
   LC["1. 👥 Leadership and Collaboration (LeCo)"]
   SC["2. 🔒 Security and Compliance (SeCo)"]
   DE["3. 📊 Data Engineering (DaEn)"]
   SC ---|🛡️ protects| SM
   ML -->|💧 feeds| DE
   SM -->|⚡ powers| ML
+  FM -->|🔌 integrates with| SM
   FM -->|➕ extends to| SD
   SD ---|✨ enhances| ML
   LC ---|👁️ oversees| SC
+  CO -->|🤝 collaborates with| LC
+  CO -->|🗣️ informs| DE
+  SD -->|🔄 shares with| CO
 '''
+md_tweet = r'''# 🐦 Tweet Summary
 Unlock your AI mastery with our densified skill tree - from LC to SD - each node paired with powerful mnemonics and vivid visuals (🗼👓🪑🪟✋🎲☁️🚪🐱) to boost memory and innovation. #AI #ML #Learning #Innovation
 '''
+md_picture_mnemonic = r'''1. **1 - Lighthouse:** Represents #1, a beacon of guidance.
 2. **2 - Eyeglasses:** Symbolizes #2, two lenses for clarity.
 3. **3 - Stool:** Denotes #3, three legs for stability.
 4. **4 - Window:** Represents #4, four panes for insight.
 9. **9 - Cat:** Reminds of #9, nine lives and resilience.
 '''
+md_references = r'''## References
 [1](#references) McCarthy, M. J. (2007). *Mastering the INFORMATION AGE - A Course in Working Smarter, Thinking Better, and Learning Faster*. Retrieved from [https://www.example.com/reference](https://www.example.com/reference)
 '''