garywelz commited on
Commit
3b3767d
·
verified ·
1 Parent(s): 82153f6

Upload 11 files

Browse files
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 EE4 fill:#b197fc,color:#fff
410
- style FF4 fill:#b197fc,color:#fff
411
- style GG4 fill:#b197fc,color:#fff
412
- style HH4 fill:#b197fc,color:#fff
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>