awacke1 commited on
Commit
0af034b
Β·
verified Β·
1 Parent(s): 5f3a036

Delete backup1.app.py

Browse files
Files changed (1) hide show
  1. backup1.app.py +0 -379
backup1.app.py DELETED
@@ -1,379 +0,0 @@
1
- import streamlit as st
2
- import streamlit.components.v1 as components
3
-
4
- # --------------------------
5
- # Mermaid Renderer Function
6
- # --------------------------
7
- def render_mermaid(mermaid_code, height=300):
8
- """Render a mermaid diagram using an HTML snippet in a Streamlit component."""
9
- html_code = f"""
10
- <html>
11
- <head>
12
- <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/mermaid.min.js"></script>
13
- <style>
14
- body {{
15
- background-color: white;
16
- font-family: sans-serif;
17
- }}
18
- </style>
19
- </head>
20
- <body>
21
- <div class="mermaid">
22
- {mermaid_code}
23
- </div>
24
- <script>
25
- mermaid.initialize({{startOnLoad:true}});
26
- </script>
27
- </body>
28
- </html>
29
- """
30
- components.html(html_code, height=height)
31
-
32
- # --------------------------
33
- # Markdown Outlines for Each Area
34
- # --------------------------
35
- markdown_areas = {
36
- "1. πŸ‘₯ Leadership Management Collaboration LeCo": r'''
37
- 1. πŸ‘₯ Leadership Management Collaboration LeCo
38
- πŸš€ Strategic and Cross-Functional Leadership - Global strategy, team coordination and vendor management
39
- 🀝 Team Building and Agile Collaboration - Coaching, agile processes and stakeholder management
40
- πŸ’‘ Domain Expertise and Innovation - Deep AI framework knowledge and product strategy
41
- ''',
42
- "2. πŸ”’ Security Compliance Reliability SeCo": r'''
43
- 2. πŸ”’ Security Compliance Reliability SeCo
44
- πŸ›‘οΈ Security Operations and Incident Response - Incident management, pen testing and vulnerability assessment
45
- βœ… Compliance and Governance - Data quality, compliance policies and IAM
46
- πŸ”’ System Hardening and Automation - Secure HPC, ML, Python, Bash automation and cost optimization
47
- ''',
48
- "3. πŸ“Š Data Engineering Analytics Data Governance DaEn": r'''
49
- 3. πŸ“Š Data Engineering Analytics Data Governance DaEn
50
- πŸ’§ Data Processing and Ingestion - Multi, modal data, event handling and ETL pipelines
51
- πŸ“Š Analytics, Forecasting and Visualization - BI, dashboards and forecasting
52
- πŸ“ Data Governance and Quality - Modeling, warehousing and stakeholder communications
53
- ''',
54
- "4. πŸ“’ Community OpenSource Communication CoOS": r'''
55
- 4. πŸ“’ Community OpenSource Communication CoOS
56
- πŸ“š Technical Documentation and Demos - Code examples, demos and notebooks
57
- πŸ’¬ Community Engagement and Collaboration - Public speaking, social media and collaborations
58
- ''',
59
- "5. πŸ“± FullStack UI Mobile Product Development FuMo": r'''
60
- 5. πŸ“± FullStack UI Mobile Product Development FuMo
61
- πŸ“± Mobile and Web App Development - Full stack development, CI/CD and API design
62
- 🎨 UI, UX and Frontend Integration - React, Next.js, TypeScript and intuitive design
63
- πŸ”Œ Backend and Cross-Platform Tools - Python, Node, cloud microservices and ML bridging
64
- ''',
65
- "6. πŸ’» Software Cloud MLOps Infrastructure SCMI": r'''
66
- 6. πŸ’» Software Cloud MLOps Infrastructure SCMI
67
- πŸ› οΈ Developer Tooling and Observability - Full stack dev, debugging and SRE practices
68
- πŸ€– ML Frameworks and Automation - Python APIs, PyTorch, Keras and Ray, Horovod
69
- πŸ”„ Data Pipelines and Processing - Spark, Airflow and ETL pipelines
70
- ☁️ Cloud and Infrastructure Provisioning - Kubernetes, Docker, Terraform and cloud integration
71
- ''',
72
- "7. πŸ€– Machine Learning AI Model Development MLAI": r'''
73
- 7. πŸ€– Machine Learning AI Model Development MLAI
74
- πŸ›οΈ Large-Scale Architectures and Retrieval - Transformers, RAG and vector DBs
75
- βš—οΈ Experimentation and Distributed Training - RL, quantization and ablation studies
76
- πŸ“‘ Application and API Development - Agentic AI, LLM inference and microservices
77
- πŸ“ˆ Optimization and Monitoring - Performance tuning, scaling and reliability
78
- ''',
79
- "8. πŸ”§ Systems Infrastructure LowLevel Engineering SyIn": r'''
80
- 8. πŸ”§ Systems Infrastructure LowLevel Engineering SyIn
81
- 🐧 Hardware and OS Integration - Linux, embedded, C, C++
82
- βš™οΈ Performance and Tuning - Cross-layer tuning, throughput and load balancing
83
- πŸ€– Advanced ML and Automation - Cross-team innovation, observability and ServiceNow
84
- πŸš€ Distributed and HPC Deployment - Data center HPC, ML, GPU orchestration and multi-GPU pipelines
85
- ''',
86
- "9. 🎯 Specialized Domains Emerging Technologies SpDo": r'''
87
- 9. 🎯 Specialized Domains Emerging Technologies SpDo
88
- πŸŽ₯ Advanced CV and 3D Graphics - Neural rendering, reconstruction and graphics engines
89
- πŸš— Robotics and Autonomous Systems - Autonomous vehicles, sensor fusion and path planning
90
- πŸ’» HPC and Hardware Integration - GPU, SoC modeling, HPC networking and prototyping
91
- πŸ”’ AI Quantization and Inference - Quantization, in-browser inference and neural sparse models
92
- '''
93
- }
94
-
95
- # --------------------------
96
- # Mermaid Diagrams for Each Area
97
- # --------------------------
98
- mermaid_areas = {
99
- "1. πŸ‘₯ Leadership Management Collaboration LeCo": r'''
100
- graph LR
101
- LeCo["πŸ—ΌLeCoπŸ‘₯ Leadership and Collaboration"]
102
- LeCo -->|πŸš€ Guides| LeCo1a["1. πŸš€ Strategic and Cross-Functional Leadership - Global strategy, team coordination and vendor management"]
103
- LeCo -->|🀝 Supports| LeCo1b["2. 🀝 Team Building and Agile Collaboration - Coaching, agile processes and stakeholder management"]
104
- LeCo -->|πŸ’‘ Innovates| LeCo1c["3. πŸ’‘ Domain Expertise and Innovation - Deep AI knowledge and product strategy"]
105
- ''',
106
- "2. πŸ”’ Security Compliance Reliability SeCo": r'''
107
- graph LR
108
- SeCo["πŸ‘“SeCoπŸ”’ Security and Compliance"]
109
- SeCo -->|πŸ›‘οΈ Protects| SeCo1["1. πŸ›‘οΈ Security Operations and Incident Response - Incident management, pen testing and vulnerability assessment"]
110
- SeCo -->|βœ… Regulates| SeCo2["2. βœ… Compliance and Governance - Data quality, compliance policies and IAM"]
111
- SeCo -->|πŸ”’ Secures| SeCo3["3. πŸ”’ System Hardening and Automation - Secure HPC, ML, Python, Bash automation and cost optimization"]
112
- ''',
113
- "3. πŸ“Š Data Engineering Analytics Data Governance DaEn": r'''
114
- graph LR
115
- DaEn["πŸͺ‘DaEnπŸ“Š Data Engineering"]
116
- DaEn -->|πŸ’§ Processes| DaEn1["1. πŸ’§ Data Processing and Ingestion - Multi-modal data, event handling and ETL"]
117
- DaEn -->|πŸ“Š Analyzes| DaEn2["2. πŸ“Š Analytics, Forecasting and Visualization - BI, dashboards and forecasting"]
118
- DaEn -->|πŸ“ Governs| DaEn3["3. πŸ“ Data Governance and Quality - Modeling, warehousing and stakeholder communications"]
119
- ''',
120
- "4. πŸ“’ Community OpenSource Communication CoOS": r'''
121
- graph LR
122
- CoOS["πŸͺŸCoOSπŸ“’ Community OpenSource"]
123
- CoOS -->|πŸ“š Documents| CoOS1["1. πŸ“š Technical Documentation and Demos - Code examples, demos and notebooks"]
124
- CoOS -->|πŸ’¬ Engages| CoOS2["2. πŸ’¬ Community Engagement and Collaboration - Public speaking, social media and collaborations"]
125
- ''',
126
- "5. πŸ“± FullStack UI Mobile Product Development FuMo": r'''
127
- graph LR
128
- FuMo["βœ‹FuMoπŸ“± FullStack UI Mobile"]
129
- FuMo -->|πŸ“± Develops| FuMo1["1. πŸ“± Mobile and Web App Development - Full stack development, CI/CD and API design"]
130
- FuMo -->|🎨 Designs| FuMo2["2. 🎨 UI, UX and Frontend Integration - React, Next.js, TypeScript and intuitive design"]
131
- FuMo -->|πŸ”Œ Connects| FuMo3["3. πŸ”Œ Backend and Cross-Platform Tools - Python, Node, cloud microservices and ML bridging"]
132
- ''',
133
- "6. πŸ’» Software Cloud MLOps Infrastructure SCMI": r'''
134
- graph LR
135
- SoCM["🎲SoCMπŸ’» Software Cloud MLOps"]
136
- SoCM -->|πŸ› οΈ Optimizes| SCMI1["1. πŸ› οΈ Developer Tooling and Observability - Full stack dev, debugging and SRE practices"]
137
- SoCM -->|πŸ€– Automates| SCMI2["2. πŸ€– ML Frameworks and Automation - Python APIs, PyTorch, Keras and Ray, Horovod"]
138
- SoCM -->|πŸ”„ Pipelines| SCMI3["3. πŸ”„ Data Pipelines and Processing - Spark, Airflow and ETL pipelines"]
139
- SoCM -->|☁️ Deploys| SCMI4["4. ☁️ Cloud and Infrastructure Provisioning - Kubernetes, Docker, Terraform and cloud integration"]
140
- ''',
141
- "7. πŸ€– Machine Learning AI Model Development MLAI": r'''
142
- graph LR
143
- AIML["☁️AIMLπŸ€– AI Machine Learning"]
144
- AIML -->|πŸ›οΈ Structures| MLAI1["1. πŸ›οΈ Large-Scale Architectures and Retrieval - Transformers, RAG and vector DBs"]
145
- AIML -->|βš—οΈ Experiments| MLAI2["2. βš—οΈ Experimentation and Distributed Training - RL, quantization and ablation studies"]
146
- AIML -->|πŸ“‘ Deploys| MLAI3["3. πŸ“‘ Application and API Development - Agentic AI, LLM inference and microservices"]
147
- AIML -->|πŸ“ˆ Optimizes| MLAI4["4. πŸ“ˆ Optimization and Monitoring - Performance tuning, scaling and reliability"]
148
- ''',
149
- "8. πŸ”§ Systems Infrastructure LowLevel Engineering SyIn": r'''
150
- graph LR
151
- SyIn["πŸšͺSyInπŸ”§ Systems Infrastructure"]
152
- SyIn -->|🐧 Integrates| SyIn1["1. 🐧 Hardware and OS Integration - Linux, embedded, C, C++"]
153
- SyIn -->|βš™οΈ Tunes| SyIn2["2. βš™οΈ Performance and Tuning - Cross-layer tuning, throughput and load balancing"]
154
- SyIn -->|πŸ€– Enhances| SyIn3["3. πŸ€– Advanced ML and Automation - Cross-team innovation, observability and ServiceNow"]
155
- SyIn -->|πŸš€ Scales| SyIn4["4. πŸš€ Distributed and HPC Deployment - Data center HPC, ML, GPU orchestration and multi-GPU pipelines"]
156
- ''',
157
- "9. 🎯 Specialized Domains Emerging Technologies SpDo": r'''
158
- graph LR
159
- SpDo["🐱SpDo🎯 Specialized Domains"]
160
- SpDo -->|πŸŽ₯ Visualizes| SpDo1["1. πŸŽ₯ Advanced CV and 3D Graphics - Neural rendering, reconstruction and graphics engines"]
161
- SpDo -->|πŸš— Automates| SpDo2["2. πŸš— Robotics and Autonomous Systems - Autonomous vehicles, sensor fusion and path planning"]
162
- SpDo -->|πŸ’» Computes| SpDo3["3. πŸ’» HPC and Hardware Integration - GPU, SoC modeling, HPC networking and prototyping"]
163
- SpDo -->|πŸ”’ Quantizes| SpDo4["4. πŸ”’ AI Quantization and Inference - Quantization, in-browser inference and neural sparse models"]
164
- '''
165
- }
166
-
167
- # --------------------------
168
- # Markdown Sections
169
- # --------------------------
170
-
171
- md_combined_outline = r'''
172
- # πŸ“š Hands On ML App. Dev. with Mixture of Experts and Multiagent Skills and State of Art ML Architecture
173
- 1. **πŸ—ΌLeCoπŸ‘₯ Leadership and Collaboration : ** Strategic leadership and team management.
174
- 2. **πŸ‘“SeCoπŸ”’ Security and Compliance : ** Security operations, compliance, and system hardening.
175
- 3. **πŸͺ‘DaEnπŸ“Š Data Engineering : ** Data processing, analytics, and governance.
176
- 4. **πŸͺŸCoOSπŸ“’ Community OpenSource : ** Community engagement, documentation, and collaboration.
177
- 5. **βœ‹FuMoπŸ“± FullStack UI Mobile : ** Mobile and web app development with ML integration.
178
- 6. **🎲SoCMπŸ’» Software Cloud MLOps : ** Cloud infrastructure, ML frameworks, and automation.
179
- 7. **☁️AIMLπŸ€– AI Machine Learning : ** Large–scale architectures, distributed training, and inference.
180
- 8. **πŸšͺSyInπŸ”§ Systems Infrastructure : ** Hardware, OS, and distributed HPC deployments.
181
- 9. **🐱SpDo🎯 Specialized Domains : ** Advanced CV, robotics, HPC, and AI quantization.
182
- '''
183
-
184
- md_submodels_outline = r'''
185
- ## 1. πŸ‘₯ Leadership Management Collaboration LeCo
186
- 1. **πŸš€ Strategic and Cross-Functional Leadership - Global strategy, team coordination and vendor management**
187
- 2. **🀝 Team Building and Agile Collaboration - Coaching, agile processes and stakeholder management**
188
- 3. **πŸ’‘ Domain Expertise and Innovation - Deep AI framework knowledge and product strategy**
189
-
190
- ## 2. πŸ”’ Security Compliance Reliability SeCo
191
- 1. **πŸ›‘οΈ Security Operations and Incident Response - Incident management, pen testing and vulnerability assessment**
192
- 2. **βœ… Compliance and Governance - Data quality standards, compliance policies and IAM solutions**
193
- 3. **πŸ”’ System Hardening and Automation - Secure HPC, ML, Python, Bash automation and cost optimization**
194
-
195
- ## 3. πŸ“Š Data Engineering Analytics Data Governance DaEn
196
- 1. **πŸ’§ Data Processing and Ingestion - Multi, modal data, event handling and ETL pipelines**
197
- 2. **πŸ“Š Analytics, Forecasting and Visualization - BI, dashboards and forecasting**
198
- 3. **πŸ“ Data Governance and Quality - Modeling, warehousing and stakeholder comms**
199
-
200
- ## 4. πŸ“’ Community OpenSource Communication CoOS
201
- 1. **πŸ“š Technical Documentation and Demos - Code examples, demos and notebooks**
202
- 2. **πŸ’¬ Community Engagement and Collaboration - Public speaking, social media and collabs**
203
-
204
- ## 5. πŸ“± FullStack UI Mobile Product Development FuMo
205
- 1. **πŸ“± Mobile and Web App Development - Full stack development, CI/CD and API design**
206
- 2. **🎨 UI, UX and Frontend Integration - React, Next.js, TypeScript and intuitive design**
207
- 3. **πŸ”Œ Backend and Cross-Platform Tools - Python, Node, cloud microservices and ML bridging**
208
-
209
- ## 6. πŸ’» Software Cloud MLOps Infrastructure SoCM
210
- 1. **πŸ› οΈ Developer Tooling and Observability - Full stack dev, debugging and SRE practices**
211
- 2. **πŸ€– ML Frameworks and Automation - Python APIs, PyTorch, Keras and Ray, Horovod**
212
- 3. **πŸ”„ Data Pipelines and Processing - Spark, Airflow and ETL pipelines**
213
- 4. **☁️ Cloud and Infrastructure Provisioning - Kubernetes, Docker, Terraform and cloud integration**
214
-
215
- ## 7. πŸ€– AI Machine Learning Model Development AIML
216
- 1. **πŸ›οΈ Large-Scale Architectures and Retrieval - Transformers, RAG and vector DBs**
217
- 2. **βš—οΈ Experimentation and Distributed Training - RL, quantization and ablation studies**
218
- 3. **πŸ“‘ Application and API Development - Agentic AI, LLM inference and microservices**
219
- 4. **πŸ“ˆ Optimization and Monitoring - Performance tuning, scaling and reliability**
220
-
221
- ## 8. πŸ”§ Systems Infrastructure LowLevel Engineering SyIn
222
- 1. **🐧 Hardware and OS Integration - Linux, embedded, C, C++**
223
- 2. **βš™οΈ Performance and Tuning - Cross-layer tuning, throughput and load balancing**
224
- 3. **πŸ€– Advanced ML and Automation - Cross-team innovation, observability and ServiceNow**
225
- 4. **πŸš€ Distributed and HPC Deployment - Data center HPC, ML, GPU orchestration and multi-GPU pipelines**
226
-
227
- ## 9. 🎯 Specialized Domains Emerging Technologies SpDo
228
- 1. **πŸŽ₯ Advanced CV and 3D Graphics - Neural rendering, reconstruction and graphics engines**
229
- 2. **πŸš— Robotics and Autonomous Systems - Autonomous vehicles, sensor fusion and path planning**
230
- 3. **πŸ’» HPC and Hardware Integration - GPU, SoC modeling, HPC networking and prototyping**
231
- 4. **πŸ”’ AI Quantization and Inference - Quantization, in-browser inference and neural sparse models**
232
- '''
233
-
234
- md_glossary = r'''
235
- # πŸ“– Glossary
236
- 1. **πŸ”§ Systems Infrastructure SyIn:** Hardware and OS, level operations enabling computing environments.
237
- 2. **πŸ’» Software Cloud MLOps SCMI:** Tools and processes for managing ML workflows and cloud infrastructures.
238
- 3. **πŸ€– Machine Learning AI MLAI:** Techniques and architectures for developing and deploying AI models.
239
- 4. **πŸ“Š Data Engineering DaEn:** Methods for processing, analyzing and governing data.
240
- 5. **πŸ”’ Security and Compliance SeCo:** Practices ensuring system security and adherence to regulations.
241
- 6. **πŸ‘₯ Leadership and Collaboration LeCo:** Strategies for effective team management and cross-functional coordination.
242
- 7. **πŸ“± FullStack UI Mobile FuMo:** End-to-end development of mobile and web interfaces integrating ML.
243
- 8. **🎯 Specialized Domains SpDo:** Focus areas in advanced tech such as computer vision, robotics and HPC.
244
- 9. **πŸ“’ Community OpenSource CoOS:** Engagement with open-source communities and technical education.
245
- 10. **HPC:** High Performance Computing; large-scale computational systems and clusters.
246
- 11. **LLM:** Large Language Models; deep learning models for natural language processing.
247
- 12. **MLOps:** Machine Learning Operations; practices for deploying and managing ML systems.
248
- '''
249
-
250
- md_python_libraries = r'''
251
- # 🐍 Python Libraries Guide
252
- 1. **πŸ”₯ TensorFlow (tensorflow) -** Deep learning library for research and production.
253
- 2. **πŸ€— Huggingface Hub (huggingface_hub) -** Platform for sharing and accessing pre-trained models.
254
- 3. **πŸ”„ Transformers (transformers) -** Library for NLP and model inference.
255
- 4. **πŸ”₯ Torch (torch) -** PyTorch library for dynamic deep learning.
256
- 5. **πŸš€ Streamlit (streamlit) -** Rapidly build interactive ML web apps.
257
- 6. **πŸŽ™οΈ Gradio (gradio) -** Create customizable web interfaces for ML models.
258
- 7. **🐼 Pandas (pandas) -** Data manipulation and analysis.
259
- 8. **πŸ”’ NumPy (numpy) -** Numerical computing and array operations.
260
- 9. **πŸ’¬ LangChain (langchain) -** Framework for building applications with language models.
261
- 10. **πŸ€– OpenAI (openai) -** API for accessing GPT models and AI services.
262
- 11. **πŸ”‘ Azure MSAL (msal) -** Authentication library for Azure services.
263
- 12. **βš™οΈ Scikit-learn (scikit-learn) -** Machine learning tools for data mining and analysis.
264
- 13. **πŸ“ˆ Matplotlib (matplotlib) -** Plotting library for data visualization.
265
- 14. **πŸ” Seaborn (seaborn) -** Statistical data visualization.
266
- 15. **πŸ“Š Plotly (plotly) -** Interactive graphing library.
267
- 16. **πŸ“š NLTK (nltk) -** Natural language processing toolkit.
268
- 17. **πŸ§ͺ SciPy (scipy) -** Scientific and technical computing.
269
- 18. **⚑ FastAPI (fastapi) -** Build fast APIs for ML applications.
270
- 19. **πŸ›  Dask (dask) -** Parallel computing with task scheduling.
271
- 20. **πŸ”— Requests (requests) -** HTTP library for Python.
272
- '''
273
-
274
- md_js_libraries = r'''
275
- # πŸ’» JavaScript Libraries Guide
276
- 1. **πŸ”₯ React (react) -** Library for building UI components.
277
- 2. **βš›οΈ Redux (redux) -** Predictable state container for JavaScript apps.
278
- 3. **🌐 Node.js (node) -** JavaScript runtime for building server-side applications.
279
- 4. **πŸ’» Express (express) -** Web framework for Node.js.
280
- 5. **πŸ”— D3.js (d3) -** Library for dynamic, interactive data visualizations.
281
- 6. **πŸ“Š Chart.js (chart.js) -** Simple yet flexible charting library.
282
- 7. **πŸ›  Webpack (webpack) -** Module bundler for JavaScript applications.
283
- 8. **βš™οΈ Babel (babel) -** Transpiler for next-generation JavaScript.
284
- 9. **πŸš€ Next.js (next) -** React framework for server-side rendering.
285
- 10. **🎨 Tailwind CSS (tailwindcss) -** Utility-first CSS framework for rapid UI development.
286
- 11. **πŸŒ€ jQuery (jquery) -** DOM manipulation library.
287
- 12. **πŸ” Lodash (lodash) -** Utility library for JavaScript.
288
- 13. **⏰ Moment.js (moment) -** Date library for parsing, validating and formatting dates.
289
- 14. **πŸ“‘ Axios (axios) -** Promise-based HTTP client.
290
- 15. **πŸ’¬ Socket.io (socket.io) -** Real-time communication library.
291
- 16. **πŸ–Ό Vue.js (vue) -** Progressive framework for building user interfaces.
292
- 17. **πŸ…°οΈ Angular (angular) -** Platform for building mobile and desktop web applications.
293
- 18. **πŸ”₯ Ember.js (ember) -** Framework for creating ambitious web applications.
294
- 19. **πŸ“Š Mermaid.js (mermaid) -** Library for generating diagrams and flowcharts.
295
- 20. **πŸŽ‡ Three.js (three) -** Library for creating 3D graphics in the browser.
296
- '''
297
-
298
- md_picture_mnemonic = r'''
299
- # πŸ–Ό Picture Mnemonic Outline
300
- 1. **πŸ—Ό Lighthouse -** Represents #1, a beacon of guidance.
301
- 2. **πŸ‘“ Eyeglasses -** Symbolizes #2, two lenses for clarity.
302
- 3. **πŸͺ‘ Stool -** Denotes #3, three legs for stability.
303
- 4. **πŸͺŸ Window -** Four panes, representing #4.
304
- 5. **βœ‹ Hand -** Five fingers for #5.
305
- 6. **🎲 Dice -** Six sides symbolizing #6.
306
- 7. **☁️ Cloud -** For #7, light and airy.
307
- 8. **πŸšͺ Gate -** Represents #8, opening new paths.
308
- 9. **🐱 Cat -** Nine lives, symbolic of #9.
309
-
310
- **Mnemonic:** A mnemonic is a memory aid using patterns or associations to enhance recall. Here, we apply the pegword technique by pairing each number with a vivid image to quickly remember complex information.
311
- *(Adapted from McCarthy, M. J. 2007. Mastering the INFORMATION AGE - A Course in Working Smarter, Thinking Better, and Learning Faster. [1])*
312
-
313
- [1] 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
314
- '''
315
-
316
- md_tweet = r'''
317
- # 🐦 Tweet Summary
318
- 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
319
- '''
320
-
321
- # --------------------------
322
- # Combined Mermaid Diagram (Overview)
323
- # --------------------------
324
- combined_mermaid = r'''
325
- graph TD
326
- LeCo["1. πŸ‘₯ Leadership and Collaboration - LeCo"]
327
- SeCo["2. πŸ”’ Security and Compliance - SeCo"]
328
- DaEn["3. πŸ“Š Data Engineering - DaEn"]
329
- CoOS["4. πŸ“’ Community Open Source - CoOS"]
330
- FuMo["5. πŸ“± FullStack UI Mobile - FuMo"]
331
- SoCM["6. πŸ’» Software Cloud MLOps - SoCM"]
332
- AIML["7. πŸ€– AI Machine Learning - AIML"]
333
- SyIn["8. πŸ”§ Systems Infrastructure - SyIn"]
334
- SpDo["9. 🎯 Specialized Domains - SpDo"]
335
-
336
- LeCo -->|🧭 guides| SeCo
337
- LeCo -->|πŸ‘‘ leads| AIML
338
- LeCo -->|🀝 supports| SyIn
339
- SeCo ---|πŸ”’ secures| AIML
340
- SeCo ---|πŸ›‘οΈ protects| SoCM
341
- AIML -->|πŸ’§ feeds| DaEn
342
- SoCM -->|⚑ powers| AIML
343
- FuMo ---|πŸ”Œ integrates with| SoCM
344
- FuMo -->|βž• extends to| SpDo
345
- SpDo ---|✨ enhances| AIML
346
- LeCo ---|πŸ‘οΈ oversees| SoCM
347
- CoOS ---|🀝 collaborates with| LeCo
348
- CoOS ---|πŸ—£οΈ informs| DaEn
349
- SpDo ---|πŸ”„ shares with| CoOS
350
- '''
351
-
352
- # --------------------------
353
- # Streamlit App Layout
354
- # --------------------------
355
- def main():
356
- st.set_page_config(page_title="Densified Skill Tree", layout="wide")
357
-
358
- # Optionally render combined outlines and submodels if desired:
359
- st.markdown(md_combined_outline, unsafe_allow_html=True)
360
- #st.markdown(md_submodels_outline, unsafe_allow_html=True)
361
-
362
- # For each numbered area, display its markdown outline first, then its mermaid diagram.
363
- for key in sorted(markdown_areas.keys(), key=lambda k: int(k.split('.')[0])):
364
- st.markdown(markdown_areas[key], unsafe_allow_html=True)
365
- if key in mermaid_areas:
366
- render_mermaid(mermaid_areas[key], height=350)
367
-
368
- # Render the combined mermaid diagram for an overview
369
- render_mermaid(combined_mermaid, height=850)
370
-
371
- # Display additional markdown sections
372
- st.markdown(md_glossary, unsafe_allow_html=True)
373
- st.markdown(md_python_libraries, unsafe_allow_html=True)
374
- st.markdown(md_js_libraries, unsafe_allow_html=True)
375
- st.markdown(md_picture_mnemonic, unsafe_allow_html=True)
376
- st.markdown(md_tweet, unsafe_allow_html=True)
377
-
378
- if __name__ == "__main__":
379
- main()