Spaces:
Running
Running
Remove construction notes from discipline links
Browse files- README.md +148 -70
- index.html +12 -15
README.md
CHANGED
|
@@ -1,102 +1,180 @@
|
|
| 1 |
---
|
| 2 |
-
title:
|
| 3 |
-
emoji:
|
| 4 |
-
colorFrom:
|
| 5 |
-
colorTo:
|
| 6 |
-
sdk:
|
| 7 |
-
|
| 8 |
-
|
| 9 |
-
pinned: false
|
| 10 |
-
author: "garywelz"
|
| 11 |
-
short_description: Mermaid flowcharts + links to math and biology databases
|
| 12 |
---
|
| 13 |
|
| 14 |
-
#
|
| 15 |
|
| 16 |
-
A
|
| 17 |
|
| 18 |
-
|
| 19 |
|
| 20 |
-
|
| 21 |
|
| 22 |
-
|
| 23 |
|
| 24 |
-
|
| 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 |
-
|
|
|
|
| 28 |
|
| 29 |
-
###
|
|
|
|
|
|
|
|
|
|
|
|
|
| 30 |
|
| 31 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
| 32 |
|
| 33 |
-
###
|
|
|
|
| 34 |
|
| 35 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 36 |
|
| 37 |
-
|
| 38 |
|
| 39 |
-
|
| 40 |
|
| 41 |
-
|
| 42 |
|
| 43 |
-
|
| 44 |
|
| 45 |
-
|
| 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 |
-
|
| 52 |
|
| 53 |
-
|
| 54 |
|
| 55 |
-
1. **
|
| 56 |
-
2. **
|
| 57 |
-
3. **
|
| 58 |
-
4. **
|
| 59 |
-
5. **Maintain quality** - LLMs can validate and optimize diagram structure
|
| 60 |
|
| 61 |
-
|
| 62 |
|
| 63 |
-
###
|
|
|
|
| 64 |
|
| 65 |
-
|
| 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 |
-
###
|
|
|
|
| 74 |
|
| 75 |
-
|
| 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 |
-
###
|
|
|
|
|
|
|
| 83 |
|
| 84 |
-
|
| 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 |
-
|
| 93 |
|
| 94 |
-
|
|
|
|
|
|
|
|
|
|
| 95 |
|
| 96 |
-
|
| 97 |
-
-
|
| 98 |
-
|
| 99 |
-
|
| 100 |
-
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 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
|
| 340 |
-
<h3 class="text-xl font-semibold text-gray-900 mb-
|
| 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 |
-
|
| 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>
|
| 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
|
| 379 |
-
<h3 class="text-xl font-semibold text-gray-900 mb-
|
| 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 |
-
|
| 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>
|
| 393 |
</p>
|
| 394 |
</div>
|
| 395 |
|
| 396 |
<!-- Computer Science -->
|
| 397 |
-
<div class="bg-white rounded-lg shadow-md p-6 card-hover
|
| 398 |
-
<h3 class="text-xl font-semibold text-gray-900 mb-
|
| 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 |
-
|
| 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>
|
| 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>
|