garywelz commited on
Commit
4c99079
·
1 Parent(s): d289ca4

Remove construction notes from discipline links

Browse files
Files changed (2) hide show
  1. README.md +148 -70
  2. index.html +12 -15
README.md CHANGED
@@ -1,102 +1,180 @@
1
  ---
2
- title: "Programming Framework for Systematic Analysis"
3
- emoji: "🎨"
4
- colorFrom: "blue"
5
- colorTo: "green"
6
- sdk: "static"
7
- sdk_version: "latest"
8
- app_file: "index.html"
9
- pinned: false
10
- author: "garywelz"
11
- short_description: Mermaid flowcharts + links to math and biology databases
12
  ---
13
 
14
- ## Programming Framework
15
 
16
- A systematic visualization methodology for analyzing complex systems across disciplines using Mermaid Markdown and a universal five-color code.
17
 
18
- **Source & backup:** [github.com/garywelz/progframe](https://github.com/garywelz/progframe)
19
 
20
- ### Interactive databases (hosted on Google Cloud Storage)
21
 
22
- Browse searchable tables and open individual process charts:
23
 
24
- - **Mathematics** [Algorithms & axiomatic theories table](https://storage.googleapis.com/regal-scholar-453620-r7-podcast-storage/mathematics-processes-database/mathematics-database-table.html) · [Named collections (mathematicians & theorems)](https://storage.googleapis.com/regal-scholar-453620-r7-podcast-storage/mathematics-processes-database/collections/index.html) · [Whole of mathematics graph](https://storage.googleapis.com/regal-scholar-453620-r7-podcast-storage/mathematics-processes-database/whole-of-mathematics.html)
25
- - **Biology** — [Pathways, mechanisms & lab protocols table](https://storage.googleapis.com/regal-scholar-453620-r7-podcast-storage/biology-processes-database/biology-database-table.html) · [Theme collections](https://storage.googleapis.com/regal-scholar-453620-r7-podcast-storage/biology-processes-database/collections/index.html)
26
 
27
- Complex systems across biology, chemistry, and physics exhibit remarkable similarities in their organizational principles despite operating at vastly different scales and domains. Traditional analysis methods often remain siloed within specific disciplines, limiting our ability to identify common patterns and computational logic that govern system behavior. Here, we present the Programming Framework, a systematic methodology that translates complex system dynamics into standardized computational representations using Mermaid Markdown syntax and LLM processing.
 
28
 
29
- ### Purpose and Goals
 
 
 
 
30
 
31
- The Programming Framework project aims to advance the use of Mermaid Markdown syntax and Large Language Models (LLMs) to create standardized, color-coded flowcharts representing complex processes across all academic disciplines. By providing a universal methodology for translating system dynamics into computational representations, this framework enables systematic comparison and pattern recognition across traditionally separate fields including biology, chemistry, physics, computer science, and mathematics. The project builds upon three decades of computational biology research and demonstrates how modern AI tools can democratize complex system analysis, making sophisticated visualization accessible to researchers, educators, and students worldwide.
 
 
 
 
32
 
33
- ### Technical Foundation: Mermaid Markdown
 
34
 
35
- #### The Invention of Mermaid
 
 
 
 
 
36
 
37
- **Knut Sveidqvist** invented the Mermaid markdown format. He created Mermaid, a JavaScript-based diagramming and charting tool, to simplify diagram creation in documentation workflows. The project was inspired by his experience trying to update a diagram in a document, which was difficult due to the file format.
38
 
39
- Sveidqvist's innovation revolutionized how diagrams are created and maintained in documentation by providing a text-based syntax that can be version-controlled, easily edited, and automatically rendered into visual diagrams. This approach eliminates the need for external diagramming tools and ensures diagrams stay synchronized with their documentation.
40
 
41
- #### Mermaid Markdown (.mmd) Format
42
 
43
- The Programming Framework leverages Mermaid's `.mmd` file format, which provides:
44
 
45
- - **Text-based syntax** for creating complex flowcharts and diagrams
46
- - **Version control compatibility** - diagrams can be tracked in Git repositories
47
- - **LLM-friendly format** - AI systems can generate and modify diagram code
48
- - **Cross-platform compatibility** - works in any environment that supports JavaScript
49
- - **Embeddable rendering** - diagrams can be displayed in HTML, Markdown, and other formats
50
 
51
- #### LLM Integration and Workflow
52
 
53
- Our methodology uses Large Language Models to:
54
 
55
- 1. **Generate .mmd files** - LLMs create detailed Mermaid syntax for complex processes
56
- 2. **Apply color coding** - Systematic application of the 5-category color system
57
- 3. **Ensure consistency** - Standardized node naming and connection patterns
58
- 4. **Embed in HTML** - .mmd files are embedded in HTML for web display
59
- 5. **Maintain quality** - LLMs can validate and optimize diagram structure
60
 
61
- This workflow enables rapid creation of sophisticated visualizations that would be impractical to create manually, while maintaining the flexibility and editability of text-based formats.
62
 
63
- ### Universal Color Coding Table
 
64
 
65
- | Color | Hex | Biology | Chemistry | Computer Science | Physics | Mathematics |
66
- | --- | --- | --- | --- | --- | --- | --- |
67
- | Red | `#ff6b6b` | Environmental signals, nutrients | Reactant supply, temperature | Input data, user commands | Energy input, force | Axioms, givens |
68
- | Yellow | `#ffd43b` | Enzymes, receptors | Catalysts, vessels | Data structures, algorithms | Fields, particles | Theorems, methods |
69
- | Green | `#51cf66` | Metabolic reactions | Chemical reactions | Algorithm execution | Quantum/force operations | Calculations, deductions |
70
- | Blue | `#74c0fc` | Metabolites, states | Intermediates, streams | Variables, memory states | States, measurement results | Intermediate results |
71
- | Violet | `#b197fc` | Biomolecules, responses | Final products | Program outputs | Phenomena, measured quantities | Proven results |
72
 
73
- ### Explore the Space
 
74
 
75
- - Biology evidence base: [GLMP Space](https://huggingface.co/spaces/garywelz/glmp) (Hugging Face) and repo
76
- - Chemistry processes: [chemistry_processes.html](chemistry_processes.html)
77
- - Computer Science: [computer_science_processes.html](computer_science_processes.html)
78
- - Physics: [physics_processes.html](physics_processes.html)
79
- - Mathematics: [mathematics_processes.html](mathematics_processes.html)
80
- - Full article: [programming_framework_article.html](programming_framework_article.html)
81
 
82
- ### Experimental Validation
 
 
83
 
84
- - **Validation Paper**: [experimental_validation_paper.html](experimental_validation_paper.html) — comprehensive experimental protocols and validation methodology
85
- - **Core validation flowcharts** (under `validation_flowcharts/`):
86
- - [catalytic_hydrogenation_optimization.html](validation_flowcharts/catalytic_hydrogenation_optimization.html) — Experiment 1: catalytic hydrogenation
87
- - [raft_polymerization_mechanism.html](validation_flowcharts/raft_polymerization_mechanism.html) — Experiment 2: polymerization kinetics
88
- - [surface_catalysis_mechanism.html](validation_flowcharts/surface_catalysis_mechanism.html) — Experiment 3: surface chemistry
89
- - [electrochemical_oxygen_reduction.html](validation_flowcharts/electrochemical_oxygen_reduction.html) — Experiment 4: electrochemical process
90
- - [quantum_chemistry_calculation.html](validation_flowcharts/quantum_chemistry_calculation.html) — Experiment 5: computational chemistry
91
 
92
- ### Batch Architecture
93
 
94
- The project now includes a comprehensive batch architecture for each discipline:
 
 
 
95
 
96
- - **Mathematics**: 7 batches (21 processes) - Complete ✅
97
- - **Chemistry**: 14 batches (70 processes) - Complete
98
- - **Computer Science**: 7 batches (21 processes) - Complete ✅
99
- - **Physics**: 7 batches (21 processes) - Complete ✅
100
- - **Biology**: External GLMP Space - Complete
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
101
 
102
- Each discipline has an index page (`*_index.html`) and individual batch files (`*_batch_*.html`) containing detailed process visualizations.
 
1
  ---
2
+ title: The Programming Framework
3
+ emoji: 🛠️
4
+ colorFrom: yellow
5
+ colorTo: red
6
+ sdk: static
7
+ pinned: true
8
+ license: mit
 
 
 
9
  ---
10
 
11
+ # 🛠️ The Programming Framework
12
 
13
+ A Universal Method for Process Analysis
14
 
15
+ ## Summary
16
 
17
+ The **Programming Framework** is a universal meta-tool for analyzing complex processes across any discipline by combining Large Language Models (LLMs) with visual flowchart representation. The Framework transforms textual process descriptions into structured, interactive Mermaid flowcharts stored as JSON, enabling systematic analysis, visualization, and integration with knowledge systems.
18
 
19
+ Successfully demonstrated through GLMP (Genome Logic Modeling Project) with 50+ biological processes, and applied across Chemistry, Mathematics, Physics, and Computer Science. The Framework serves as the foundational methodology for the CopernicusAI Knowledge Engine, enabling domain-specific process visualization and analysis.
20
 
21
+ ## 📚 Prior Work & Research Contributions
 
22
 
23
+ ### Overview
24
+ The Programming Framework represents **prior work** that demonstrates a novel methodology for analyzing complex processes by combining Large Language Models (LLMs) with visual flowchart representation. This research establishes a universal, domain-agnostic approach to process analysis that transforms textual descriptions into structured, interactive visualizations.
25
 
26
+ ### 🔬 Research Contributions
27
+ - **Universal Process Analysis:** Domain-agnostic methodology applicable across biology, chemistry, software engineering, business processes, and more
28
+ - **LLM-Powered Extraction:** Automated extraction of process steps, decision points, and logic flows using Google Gemini 2.0 Flash
29
+ - **Structured Visualization:** Mermaid.js-based flowchart generation encoded as JSON for programmatic access and integration
30
+ - **Iterative Refinement:** Systematic approach enabling continuous improvement through visualization and LLM-assisted refinement
31
 
32
+ ### ⚙️ Technical Achievements
33
+ - **Meta-Tool Architecture:** Framework for creating specialized process analysis tools (demonstrated by GLMP)
34
+ - **JSON-Based Storage:** Structured data format enabling version control, cross-referencing, and API integration
35
+ - **Multi-Domain Application:** Successfully applied to biological processes (GLMP), with extensions planned for software, business, and engineering domains
36
+ - **Integration Framework:** Designed for integration with knowledge engines, research databases, and collaborative platforms
37
 
38
+ ### 🎯 Position Within CopernicusAI Knowledge Engine
39
+ The Programming Framework serves as the **foundational meta-tool** of the CopernicusAI Knowledge Engine, providing the underlying methodology that enables specialized applications:
40
 
41
+ - **GLMP (Genome Logic Modeling Project)** - First specialized application demonstrating biological process visualization
42
+ - **CopernicusAI** - Main knowledge engine integrating Framework outputs with AI podcasts and research synthesis
43
+ - **Research Tools Dashboard** (✅ Implemented December 2025) - Fully operational web interface with knowledge graph visualization, vector search, RAG queries, and content browsing. Processes from Chemistry, Physics, Mathematics, and Computer Science are accessible through the unified dashboard. Live at: https://copernicus-frontend-phzp4ie2sq-uc.a.run.app/knowledge-engine
44
+ - **Public Project Interface** (✅ Implemented January 2025) - Comprehensive public-facing page providing access to all CopernicusAI Knowledge Engine components. Live at: https://storage.googleapis.com/regal-scholar-453620-r7-podcast-storage/copernicusai-public-reviewer.html
45
+ - **Research Papers Metadata Database** - Integration for linking processes to source literature (12,000+ papers indexed)
46
+ - **Science Video Database** - Potential integration for multi-modal process explanations
47
 
48
+ This work establishes a proof-of-concept for AI-assisted process analysis, demonstrating how LLMs can systematically extract and visualize complex logic from textual sources across diverse domains. The Knowledge Engine now provides a unified interface for exploring processes alongside research papers, podcasts, and other content types.
49
 
50
+ ## 🎯 Overview
51
 
52
+ The Programming Framework is a **meta-tool**—a tool for creating tools. It provides a systematic method for analyzing any complex process by combining the analytical power of Large Language Models with the clarity of visual flowcharts.
53
 
54
+ ## 💡 The Core Idea
55
 
56
+ **Problem:** Complex processes are difficult to understand because they involve many steps, decision points, and interactions. Traditional text descriptions are hard to follow.
 
 
 
 
57
 
58
+ **Solution:** Use LLMs to extract process logic from literature, then encode it as Mermaid flowcharts stored in JSON. Result: Clear, interactive visualizations that reveal hidden patterns and enable systematic analysis.
59
 
60
+ ## ⚙️ How It Works
61
 
62
+ 1. **Input Process** - Provide scientific papers, documentation, or process descriptions
63
+ 2. **LLM Analysis** - AI extracts steps, decisions, branches, and logic flow
64
+ 3. **Generate Flowchart** - Create Mermaid diagram encoded as JSON structure
65
+ 4. **Visualize & Iterate** - Interactive flowchart reveals insights and enables refinement
 
66
 
67
+ ## 🌍 Core Principles
68
 
69
+ ### Domain Agnostic
70
+ Works across any field: biology, chemistry, software engineering, business processes, legal workflows, manufacturing, and beyond.
71
 
72
+ ### Iterative Refinement
73
+ Start with rough analysis, visualize, identify gaps, refine with LLM, repeat until the process logic is crystal clear.
 
 
 
 
 
74
 
75
+ ### Structured Data
76
+ JSON storage enables programmatic access, version control, cross-referencing, and integration with other tools and databases.
77
 
78
+ ## 🚀 Applications
 
 
 
 
 
79
 
80
+ ### 🧬 GLMP - Genome Logic Modeling (Live)
81
+ First specialized application: visualizing biochemical processes like DNA replication, metabolic pathways, and cell signaling.
82
+ - [Explore GLMP →](https://huggingface.co/spaces/garywelz/glmp)
83
 
84
+ ## 📚 Process Diagram Collections
 
 
 
 
 
 
85
 
86
+ The Programming Framework has been applied across multiple scientific disciplines. Explore interactive flowchart collections organized by domain:
87
 
88
+ ### 🧬 Biology
89
+ - [Biology Processes Database](https://storage.googleapis.com/regal-scholar-453620-r7-podcast-storage/biology-processes-database/biology-database-table.html) - Interactive database with 52 higher-level organismal processes across 8 categories (reproduction, development, behavior, defense, nutrition, sensory, transport, coordination)
90
+ - [GLMP Database Table](https://storage.googleapis.com/regal-scholar-453620-r7-podcast-storage/glmp-database-table.html) - Genome Logic Modeling Project: Biochemical/molecular processes database (50+ processes)
91
+ - **Note:** Biology Processes Database focuses on organismal, developmental, behavioral, and ecological processes. GLMP focuses on molecular-level biochemical processes. Together they provide comprehensive biological process coverage.
92
 
93
+ ### ⚗️ Chemistry
94
+ - [Chemistry Database Table](https://storage.googleapis.com/regal-scholar-453620-r7-podcast-storage/chemistry-processes-database/chemistry-database-table.html) - Interactive database with 56 processes across 14 subcategories
95
+
96
+ ### 🔢 Mathematics
97
+ - [Mathematics Database Table](https://storage.googleapis.com/regal-scholar-453620-r7-podcast-storage/mathematics-processes-database/mathematics-database-table.html) - Interactive database with 20 processes across 7 subcategories
98
+
99
+ ### ⚛️ Physics
100
+ - [Physics Database Table](https://storage.googleapis.com/regal-scholar-453620-r7-podcast-storage/physics-processes-database/physics-database-table.html) - Interactive database with 21 processes across 7 subcategories
101
+
102
+ ### 💻 Computer Science
103
+ - [Computer Science Database Table](https://storage.googleapis.com/regal-scholar-453620-r7-podcast-storage/computer-science-processes-database/computer-science-database-table.html) - Interactive database with 21 processes across 7 subcategories
104
+
105
+ ## 🔧 Technical Architecture
106
+
107
+ ### LLM Integration
108
+ - Google Gemini 2.0 Flash for analysis
109
+ - Vertex AI for enterprise deployment
110
+ - Custom prompts for process extraction
111
+ - Structured JSON output formatting
112
+
113
+ ### Visualization Stack
114
+ - Mermaid.js for flowchart rendering
115
+ - JSON schema for data validation
116
+ - Interactive SVG output
117
+ - Export to PNG/PDF supported
118
+
119
+ ### Data Storage
120
+ - Google Cloud Storage for JSON files
121
+ - Firestore for metadata indexing
122
+ - Version control with Git
123
+ - Cross-referencing with papers database
124
+
125
+ ### Integration Points
126
+ - GLMP specialized collections
127
+ - CopernicusAI knowledge graph
128
+ - Research papers database
129
+ - API endpoints for programmatic access
130
+
131
+ ### How to Cite This Work
132
+
133
+ Welz, G. (2024–2025). *The Programming Framework: A Universal Method for Process Analysis*.
134
+ Hugging Face Spaces. https://huggingface.co/spaces/garywelz/programming_framework
135
+
136
+ Welz, G. (2024). *From Inspiration to AI: Biology as Visual Programming*. Medium.
137
+ https://medium.com/@garywelz_47126/from-inspiration-to-ai-biology-as-visual-programming-520ee523029a
138
+
139
+ This project serves as a foundational meta-tool for AI-assisted process analysis, enabling systematic extraction and visualization of complex logic from textual sources across diverse scientific and technical domains.
140
+
141
+ The Programming Framework is designed as infrastructure for AI-assisted science, providing a universal methodology that can be specialized for domain-specific applications.
142
+
143
+ ## 🔗 Related Projects
144
+
145
+ ### 🧬 GLMP - Genome Logic Modeling
146
+ First specialized application of the Programming Framework to biochemical processes. 100+ biological pathways visualized.
147
+ - [Visit GLMP →](https://huggingface.co/spaces/garywelz/glmp)
148
+
149
+ ### 🔬 CopernicusAI
150
+ Knowledge engine integrating the Programming Framework with AI podcasts, research papers, and knowledge graph for scientific discovery.
151
+ - [Visit CopernicusAI →](https://huggingface.co/spaces/garywelz/copernicusai)
152
+
153
+ ## 🎨 Interactive Demo
154
+
155
+ The space includes interactive examples showing the framework applied to:
156
+ - Scientific Method
157
+ - Software Deployment Pipeline
158
+ - Customer Support Workflow
159
+ - Research Paper Publication
160
+
161
+ Each example demonstrates how LLMs extract process logic and encode it as visual flowcharts.
162
+
163
+ ## 💻 Technology Stack
164
+
165
+ - **LLM**: Google Gemini 2.0 Flash, Vertex AI
166
+ - **Visualization**: Mermaid.js
167
+ - **Storage**: Google Cloud Storage, Firestore
168
+ - **Format**: JSON with Mermaid syntax
169
+ - **Frontend**: Static HTML + Tailwind CSS
170
+
171
+ ## 🌟 Vision
172
+
173
+ As AI systems become more capable of understanding complex processes, the Programming Framework provides the bridge between human comprehension and machine analysis. It's a tool for truth-seeking—transforming complexity into clarity.
174
+
175
+ ---
176
+
177
+ **A Universal Method for Process Analysis**
178
+
179
+ © 2025 Gary Welz. All rights reserved.
180
 
 
index.html CHANGED
@@ -336,13 +336,12 @@
336
  </div>
337
 
338
  <!-- Chemistry -->
339
- <div class="bg-white rounded-lg shadow-md p-6 card-hover border-2 border-dashed border-amber-300">
340
- <h3 class="text-xl font-semibold text-gray-900 mb-2 flex items-center flex-wrap gap-2">
341
  <span class="text-2xl">⚗️</span> Chemistry
342
- <span class="text-xs font-bold uppercase tracking-wide text-amber-800 bg-amber-100 px-2 py-1 rounded">Under construction</span>
343
  </h3>
344
  <p class="text-gray-600 text-sm mb-3">
345
- Hugging Face batch pages are being reorganized. The live chemistry index and metadata live on Google Cloud Storage.
346
  </p>
347
  <a href="https://storage.googleapis.com/regal-scholar-453620-r7-podcast-storage/chemistry-processes-database/chemistry-database-table.html"
348
  class="text-orange-600 hover:text-orange-700 font-medium text-sm inline-block"
@@ -351,7 +350,7 @@
351
  </a>
352
  <p class="text-xs text-gray-500 mt-2">
353
  Growing collection; see the table for current counts and subcategories.
354
- · <a href="chemistry_index.html" class="text-orange-600 hover:underline">Local batch index</a> (preview)
355
  </p>
356
  </div>
357
 
@@ -375,13 +374,12 @@
375
  </div>
376
 
377
  <!-- Physics -->
378
- <div class="bg-white rounded-lg shadow-md p-6 card-hover border-2 border-dashed border-amber-300">
379
- <h3 class="text-xl font-semibold text-gray-900 mb-2 flex items-center flex-wrap gap-2">
380
  <span class="text-2xl">⚛️</span> Physics
381
- <span class="text-xs font-bold uppercase tracking-wide text-amber-800 bg-amber-100 px-2 py-1 rounded">Under construction</span>
382
  </h3>
383
  <p class="text-gray-600 text-sm mb-3">
384
- Hugging Face batch pages are under construction. The physics database table on GCS remains the primary index.
385
  </p>
386
  <a href="https://storage.googleapis.com/regal-scholar-453620-r7-podcast-storage/physics-processes-database/physics-database-table.html"
387
  class="text-orange-600 hover:text-orange-700 font-medium text-sm inline-block"
@@ -389,18 +387,17 @@
389
  🗄️ Physics Database Table →
390
  </a>
391
  <p class="text-xs text-gray-500 mt-2">
392
- <a href="physics_index.html" class="text-orange-600 hover:underline">Local batch index</a> (preview)
393
  </p>
394
  </div>
395
 
396
  <!-- Computer Science -->
397
- <div class="bg-white rounded-lg shadow-md p-6 card-hover border-2 border-dashed border-amber-300">
398
- <h3 class="text-xl font-semibold text-gray-900 mb-2 flex items-center flex-wrap gap-2">
399
  <span class="text-2xl">💻</span> Computer Science
400
- <span class="text-xs font-bold uppercase tracking-wide text-amber-800 bg-amber-100 px-2 py-1 rounded">Under construction</span>
401
  </h3>
402
  <p class="text-gray-600 text-sm mb-3">
403
- Hugging Face batch pages are under construction. The computer science database table on GCS remains the primary index.
404
  </p>
405
  <a href="https://storage.googleapis.com/regal-scholar-453620-r7-podcast-storage/computer-science-processes-database/computer-science-database-table.html"
406
  class="text-orange-600 hover:text-orange-700 font-medium text-sm inline-block"
@@ -408,7 +405,7 @@
408
  🗄️ Computer Science Database Table →
409
  </a>
410
  <p class="text-xs text-gray-500 mt-2">
411
- <a href="computer_science_index.html" class="text-orange-600 hover:underline">Local batch index</a> (preview)
412
  </p>
413
  </div>
414
  </div>
 
336
  </div>
337
 
338
  <!-- Chemistry -->
339
+ <div class="bg-white rounded-lg shadow-md p-6 card-hover">
340
+ <h3 class="text-xl font-semibold text-gray-900 mb-4 flex items-center">
341
  <span class="text-2xl">⚗️</span> Chemistry
 
342
  </h3>
343
  <p class="text-gray-600 text-sm mb-3">
344
+ Chemical process flowcharts organized by reaction families, analytical methods, materials systems, and mechanistic transformations.
345
  </p>
346
  <a href="https://storage.googleapis.com/regal-scholar-453620-r7-podcast-storage/chemistry-processes-database/chemistry-database-table.html"
347
  class="text-orange-600 hover:text-orange-700 font-medium text-sm inline-block"
 
350
  </a>
351
  <p class="text-xs text-gray-500 mt-2">
352
  Growing collection; see the table for current counts and subcategories.
353
+ · <a href="chemistry_index.html" class="text-orange-600 hover:underline">Local batch index</a>
354
  </p>
355
  </div>
356
 
 
374
  </div>
375
 
376
  <!-- Physics -->
377
+ <div class="bg-white rounded-lg shadow-md p-6 card-hover">
378
+ <h3 class="text-xl font-semibold text-gray-900 mb-4 flex items-center">
379
  <span class="text-2xl">⚛️</span> Physics
 
380
  </h3>
381
  <p class="text-gray-600 text-sm mb-3">
382
+ Physics process flowcharts organized across classical mechanics, electromagnetism, quantum mechanics, thermodynamics, solid-state physics, optics, and astrophysics.
383
  </p>
384
  <a href="https://storage.googleapis.com/regal-scholar-453620-r7-podcast-storage/physics-processes-database/physics-database-table.html"
385
  class="text-orange-600 hover:text-orange-700 font-medium text-sm inline-block"
 
387
  🗄️ Physics Database Table →
388
  </a>
389
  <p class="text-xs text-gray-500 mt-2">
390
+ <a href="physics_index.html" class="text-orange-600 hover:underline">Local batch index</a>
391
  </p>
392
  </div>
393
 
394
  <!-- Computer Science -->
395
+ <div class="bg-white rounded-lg shadow-md p-6 card-hover">
396
+ <h3 class="text-xl font-semibold text-gray-900 mb-4 flex items-center">
397
  <span class="text-2xl">💻</span> Computer Science
 
398
  </h3>
399
  <p class="text-gray-600 text-sm mb-3">
400
+ Computer science process flowcharts covering algorithms, systems, networks, software engineering, machine learning, security, and theory.
401
  </p>
402
  <a href="https://storage.googleapis.com/regal-scholar-453620-r7-podcast-storage/computer-science-processes-database/computer-science-database-table.html"
403
  class="text-orange-600 hover:text-orange-700 font-medium text-sm inline-block"
 
405
  🗄️ Computer Science Database Table →
406
  </a>
407
  <p class="text-xs text-gray-500 mt-2">
408
+ <a href="computer_science_index.html" class="text-orange-600 hover:underline">Local batch index</a>
409
  </p>
410
  </div>
411
  </div>