Spaces:
Running
Running
Upload 11 files
Browse files- README.md +2 -0
- chemistry_examples.html +0 -10
- mathematics_processes.html +4 -24
- physics_processes.html +0 -10
README.md
CHANGED
|
@@ -13,6 +13,8 @@ short_description: Cross-disciplinary methodology for complex systems
|
|
| 13 |
|
| 14 |
A systematic visualization methodology for analyzing complex systems across disciplines using Mermaid Markdown and a universal five-color code.
|
| 15 |
|
|
|
|
|
|
|
| 16 |
### Purpose and Goals
|
| 17 |
|
| 18 |
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.
|
|
|
|
| 13 |
|
| 14 |
A systematic visualization methodology for analyzing complex systems across disciplines using Mermaid Markdown and a universal five-color code.
|
| 15 |
|
| 16 |
+
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.
|
| 17 |
+
|
| 18 |
### Purpose and Goals
|
| 19 |
|
| 20 |
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.
|
chemistry_examples.html
CHANGED
|
@@ -604,16 +604,6 @@ graph TD
|
|
| 604 |
<p>This collection demonstrates the computational nature of chemical processes and systems</p>
|
| 605 |
|
| 606 |
<p>Each flowchart preserves maximum detail through optimized Mermaid configuration</p>
|
| 607 |
-
|
| 608 |
-
<div style="margin-top: 3rem; padding: 2rem; background: #f8f9fa; border-radius: 8px; border-left: 4px solid #007bff;">
|
| 609 |
-
<h3 style="margin-top: 0; color: #007bff;">Contact Information</h3>
|
| 610 |
-
<p style="margin-bottom: 0.5rem;"><strong>Gary Welz</strong></p>
|
| 611 |
-
<p style="margin-bottom: 0.5rem;">Retired Faculty Member</p>
|
| 612 |
-
<p style="margin-bottom: 0.5rem;">John Jay College, CUNY (Department of Mathematics and Computer Science)</p>
|
| 613 |
-
<p style="margin-bottom: 0.5rem;">Borough of Manhattan Community College, CUNY</p>
|
| 614 |
-
<p style="margin-bottom: 0.5rem;">CUNY Graduate Center (New Media Lab)</p>
|
| 615 |
-
<p style="margin-bottom: 0;"><strong>Email:</strong> gwelz@jjay.cuny.edu</p>
|
| 616 |
-
</div>
|
| 617 |
</div>
|
| 618 |
</body>
|
| 619 |
</html>
|
|
|
|
| 604 |
<p>This collection demonstrates the computational nature of chemical processes and systems</p>
|
| 605 |
|
| 606 |
<p>Each flowchart preserves maximum detail through optimized Mermaid configuration</p>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 607 |
</div>
|
| 608 |
</body>
|
| 609 |
</html>
|
mathematics_processes.html
CHANGED
|
@@ -389,8 +389,6 @@ graph TD
|
|
| 389 |
style T3 fill:#51cf66,color:#fff
|
| 390 |
style U3 fill:#51cf66,color:#fff
|
| 391 |
style V3 fill:#51cf66,color:#fff
|
| 392 |
-
style AA3 fill:#51cf66,color:#fff
|
| 393 |
-
style BB3 fill:#51cf66,color:#fff
|
| 394 |
style B3 fill:#74c0fc,color:#fff
|
| 395 |
style D3 fill:#74c0fc,color:#fff
|
| 396 |
style F3 fill:#74c0fc,color:#fff
|
|
@@ -406,14 +404,10 @@ graph TD
|
|
| 406 |
style HH3 fill:#74c0fc,color:#fff
|
| 407 |
style II3 fill:#74c0fc,color:#fff
|
| 408 |
style JJ3 fill:#74c0fc,color:#fff
|
| 409 |
-
style
|
| 410 |
-
style
|
| 411 |
-
style
|
| 412 |
-
style
|
| 413 |
-
style KK4 fill:#b197fc,color:#fff
|
| 414 |
-
style LL4 fill:#b197fc,color:#fff
|
| 415 |
-
style MM4 fill:#b197fc,color:#fff
|
| 416 |
-
style NN4 fill:#b197fc,color:#fff
|
| 417 |
</div>
|
| 418 |
|
| 419 |
<div style="margin-top: 1rem; display: flex; flex-wrap: wrap; gap: 0.5rem; justify-content: center;">
|
|
@@ -525,10 +519,6 @@ graph TD
|
|
| 525 |
style DD4 fill:#74c0fc,color:#fff
|
| 526 |
style II4 fill:#74c0fc,color:#fff
|
| 527 |
style JJ4 fill:#74c0fc,color:#fff
|
| 528 |
-
style EE4 fill:#b197fc,color:#fff
|
| 529 |
-
style FF4 fill:#b197fc,color:#fff
|
| 530 |
-
style GG4 fill:#b197fc,color:#fff
|
| 531 |
-
style HH4 fill:#b197fc,color:#fff
|
| 532 |
style KK4 fill:#b197fc,color:#fff
|
| 533 |
style LL4 fill:#b197fc,color:#fff
|
| 534 |
style MM4 fill:#b197fc,color:#fff
|
|
@@ -668,16 +658,6 @@ graph TD
|
|
| 668 |
<p>This collection demonstrates the computational nature of mathematical processes and systems</p>
|
| 669 |
|
| 670 |
<p>Each flowchart preserves maximum detail through optimized Mermaid configuration</p>
|
| 671 |
-
|
| 672 |
-
<div style="margin-top: 3rem; padding: 2rem; background: #f8f9fa; border-radius: 8px; border-left: 4px solid #007bff;">
|
| 673 |
-
<h3 style="margin-top: 0; color: #007bff;">Contact Information</h3>
|
| 674 |
-
<p style="margin-bottom: 0.5rem;"><strong>Gary Welz</strong></p>
|
| 675 |
-
<p style="margin-bottom: 0.5rem;">Retired Faculty Member</p>
|
| 676 |
-
<p style="margin-bottom: 0.5rem;">John Jay College, CUNY (Department of Mathematics and Computer Science)</p>
|
| 677 |
-
<p style="margin-bottom: 0.5rem;">Borough of Manhattan Community College, CUNY</p>
|
| 678 |
-
<p style="margin-bottom: 0.5rem;">CUNY Graduate Center (New Media Lab)</p>
|
| 679 |
-
<p style="margin-bottom: 0;"><strong>Email:</strong> gwelz@jjay.cuny.edu</p>
|
| 680 |
-
</div>
|
| 681 |
</div>
|
| 682 |
</body>
|
| 683 |
</html>
|
|
|
|
| 389 |
style T3 fill:#51cf66,color:#fff
|
| 390 |
style U3 fill:#51cf66,color:#fff
|
| 391 |
style V3 fill:#51cf66,color:#fff
|
|
|
|
|
|
|
| 392 |
style B3 fill:#74c0fc,color:#fff
|
| 393 |
style D3 fill:#74c0fc,color:#fff
|
| 394 |
style F3 fill:#74c0fc,color:#fff
|
|
|
|
| 404 |
style HH3 fill:#74c0fc,color:#fff
|
| 405 |
style II3 fill:#74c0fc,color:#fff
|
| 406 |
style JJ3 fill:#74c0fc,color:#fff
|
| 407 |
+
style OO3 fill:#b197fc,color:#fff
|
| 408 |
+
style PP3 fill:#b197fc,color:#fff
|
| 409 |
+
style QQ3 fill:#b197fc,color:#fff
|
| 410 |
+
style RR3 fill:#b197fc,color:#fff
|
|
|
|
|
|
|
|
|
|
|
|
|
| 411 |
</div>
|
| 412 |
|
| 413 |
<div style="margin-top: 1rem; display: flex; flex-wrap: wrap; gap: 0.5rem; justify-content: center;">
|
|
|
|
| 519 |
style DD4 fill:#74c0fc,color:#fff
|
| 520 |
style II4 fill:#74c0fc,color:#fff
|
| 521 |
style JJ4 fill:#74c0fc,color:#fff
|
|
|
|
|
|
|
|
|
|
|
|
|
| 522 |
style KK4 fill:#b197fc,color:#fff
|
| 523 |
style LL4 fill:#b197fc,color:#fff
|
| 524 |
style MM4 fill:#b197fc,color:#fff
|
|
|
|
| 658 |
<p>This collection demonstrates the computational nature of mathematical processes and systems</p>
|
| 659 |
|
| 660 |
<p>Each flowchart preserves maximum detail through optimized Mermaid configuration</p>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 661 |
</div>
|
| 662 |
</body>
|
| 663 |
</html>
|
physics_processes.html
CHANGED
|
@@ -648,16 +648,6 @@ graph TD
|
|
| 648 |
<p>This collection demonstrates the computational nature of physical processes and systems</p>
|
| 649 |
|
| 650 |
<p>Each flowchart preserves maximum detail through optimized Mermaid configuration</p>
|
| 651 |
-
|
| 652 |
-
<div style="margin-top: 3rem; padding: 2rem; background: #f8f9fa; border-radius: 8px; border-left: 4px solid #007bff;">
|
| 653 |
-
<h3 style="margin-top: 0; color: #007bff;">Contact Information</h3>
|
| 654 |
-
<p style="margin-bottom: 0.5rem;"><strong>Gary Welz</strong></p>
|
| 655 |
-
<p style="margin-bottom: 0.5rem;">Retired Faculty Member</p>
|
| 656 |
-
<p style="margin-bottom: 0.5rem;">John Jay College, CUNY (Department of Mathematics and Computer Science)</p>
|
| 657 |
-
<p style="margin-bottom: 0.5rem;">Borough of Manhattan Community College, CUNY</p>
|
| 658 |
-
<p style="margin-bottom: 0.5rem;">CUNY Graduate Center (New Media Lab)</p>
|
| 659 |
-
<p style="margin-bottom: 0;"><strong>Email:</strong> gwelz@jjay.cuny.edu</p>
|
| 660 |
-
</div>
|
| 661 |
</div>
|
| 662 |
</body>
|
| 663 |
</html>
|
|
|
|
| 648 |
<p>This collection demonstrates the computational nature of physical processes and systems</p>
|
| 649 |
|
| 650 |
<p>Each flowchart preserves maximum detail through optimized Mermaid configuration</p>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 651 |
</div>
|
| 652 |
</body>
|
| 653 |
</html>
|