garywelz/programming_framework
0
1<!DOCTYPE html>2<html lang="en">3<head>4 <meta charset="UTF-8" />5 <meta name="viewport" content="width=device-width, initial-scale=1" />6 <title>Biology Processes - Programming Framework Analysis</title>7 <style>8 body { 9 font-family: 'Times New Roman', Times, serif, 'Arial Unicode MS'; 10 margin: 0; 11 background: #ffffff; 12 color: #000000; 13 line-height: 1.6; 14 font-size: 12pt; 15 }16 .container { 17 max-width: 1000px; 18 margin: 0 auto; 19 padding: 1.5rem; 20 }21 h1, h2, h3 { 22 color: #000000; 23 margin-top: 1.5rem; 24 margin-bottom: 0.75rem; 25 }26 h1 { 27 font-size: 18pt; 28 text-align: center; 29 }30 h2 { 31 font-size: 16pt; 32 border-bottom: 2px solid #000; 33 padding-bottom: 0.5rem; 34 }35 h3 { 36 font-size: 14pt; 37 }38 p { 39 margin-bottom: 1rem; 40 text-align: justify; 41 }42 .figure { 43 margin: 1rem 0; 44 text-align: center; 45 border: 1px solid #ccc; 46 padding: 1rem; 47 background: #f9f9f9; 48 }49 .figure-caption { 50 margin-top: 1rem; 51 font-style: italic; 52 text-align: left; 53 }54 .mermaid { 55 background: white; 56 padding: 1rem; 57 border-radius: 4px; 58 }59 .color-legend {60 display: flex;61 flex-wrap: wrap;62 gap: 1rem;63 margin-top: 1rem;64 justify-content: center;65 }66 .color-legend span {67 display: inline-flex;68 align-items: center;69 gap: 0.5rem;70 padding: 0.25rem 0.5rem;71 border-radius: 999px;72 border: 1px solid rgba(0,0,0,.08);73 background: #fff;74 font-size: 0.9rem;75 }76 .color-box {77 width: 12px;78 height: 12px;79 border-radius: 2px;80 border: 1px solid rgba(0,0,0,.15);81 }82 .glmp-link {83 background: #e8f5e8;84 padding: 1rem;85 border-radius: 8px;86 margin: 1rem 0;87 border-left: 4px solid #28a745;88 }89 .glmp-link h3 {90 margin-top: 0;91 color: #28a745;92 }93 </style>94 <script src="https://cdn.jsdelivr.net/npm/mermaid@10.6.1/dist/mermaid.min.js"></script>95 <script>96 mermaid.initialize({ 97 startOnLoad: true, 98 theme: 'default', 99 flowchart: { 100 useMaxWidth: false, 101 htmlLabels: true,102 curve: 'linear',103 nodeSpacing: 50,104 rankSpacing: 50,105 padding: 20106 },107 themeVariables: {108 fontFamily: 'Arial Unicode MS, Arial, sans-serif'109 }110 });111 </script>112</head>113<body>114 <div class="container">115 <h1>Biology Processes - Programming Framework Analysis</h1>116 117 <div class="glmp-link" style="background: #e8f5e9; padding: 1.5rem; margin: 1.5rem 0; border-left: 4px solid #4caf50; border-radius: 5px;">118 <h3>๐ GLMP (Genome Logic Modeling Project) Connection</h3>119 <p>This analysis is based on the comprehensive biological dataset from the <strong>Genome Logic Modeling Project (GLMP)</strong>, which contains 50+ analyzed biological processes across multiple organisms and systems.</p>120 <p><strong>GLMP Resources:</strong></p>121 <ul>122 <li><a href="https://storage.googleapis.com/regal-scholar-453620-r7-podcast-storage/glmp-database-table.html" target="_blank" style="font-weight: bold; color: #1976d2;">๐๏ธ GLMP Database Table</a> - Interactive database with all biological processes (opens in new tab)</li>123 <li><a href="https://huggingface.co/spaces/garywelz/glmp" target="_blank">GLMP Hugging Face Space</a> - Live demonstration and evidence base (opens in new tab)</li>124 </ul>125 <p>The GLMP represents the first successful application of the Programming Framework to biological processes, demonstrating how biological systems function as sophisticated computational programs with complex regulatory logic, decision trees, and feedback mechanisms.</p>126 </div>127 128 <p>This document presents representative biological processes analyzed using the Programming Framework methodology. Each process is represented as a computational flowchart with standardized color coding: Red for triggers/inputs, Yellow for structures/objects, Green for processing/operations, Blue for intermediates/states, and Violet for products/outputs. Yellow nodes use black text for optimal readability, while all other colors use white text.</p>129 130 <h2>1. Beta-Galactosidase Regulation System (E. coli)</h2>131 <div class="figure">132 <div class="mermaid">133graph TD134 %% Environmental Inputs135 A[Lactose in Environment] --> B[Lactose Transport]136 C[Glucose in Environment] --> D[Glucose Transport]137 E[Low Energy Status] --> F[Energy Stress Signal]138 139 %% Transport Processes140 B --> G[Lactose Permease LacY]141 G --> H[Lactose Inside Cell]142 H --> I[Lactose Availability]143 D --> J[Glucose Transporters]144 J --> K[Glucose Inside Cell]145 K --> L[High Glucose Status]146 147 %% Regulatory Logic Gates148 I --> M[Is Lactose Present Question]149 L --> N[Is Glucose Present Question]150 F --> O[Is Energy Low Question]151 152 %% Repressor Logic153 M -->|No| P[Lac Repressor Active]154 M -->|Yes| Q[Lac Repressor Inactive]155 P --> R[Repressor Binds Operator]156 R --> S[Transcription Blocked]157 Q --> T[Repressor Released]158 T --> U[Operator Free]159 160 %% CAP-cAMP Logic161 N -->|Yes| V[Low cAMP Levels]162 N -->|No| W[High cAMP Levels]163 O --> W164 W --> X[cAMP-CAP Complex]165 V --> Y[No CAP Binding]166 X --> Z[CAP Binds Promoter]167 Y --> AA[No CAP Binding]168 169 %% Transcription Control170 U --> BB[Operator Free Question]171 Z --> CC[CAP Bound Question]172 BB -->|Yes| DD[RNA Polymerase Binding]173 BB -->|No| EE[Transcription Blocked]174 CC -->|Yes| FF[Strong Transcription]175 CC -->|No| GG[Weak Transcription]176 177 %% Gene Expression178 DD --> HH[Transcription Initiation]179 FF --> II[lacZ mRNA Synthesis]180 FF --> JJ[lacY mRNA Synthesis]181 FF --> KK[lacA mRNA Synthesis]182 183 %% Protein Synthesis184 II --> LL[LacZ Translation]185 JJ --> MM[LacY Translation]186 KK --> NN[LacA Translation]187 188 %% Functional Proteins189 LL --> OO[Beta-Galactosidase Enzyme]190 MM --> PP[Lactose Permease]191 NN --> QQ[Galactoside Acetyltransferase]192 193 %% Metabolic Functions194 OO --> RR[Lactose Hydrolysis]195 PP --> SS[Lactose Transport]196 QQ --> TT[Galactoside Modification]197 198 %% Final Products199 RR --> UU[Glucose + Galactose]200 SS --> VV[Lactose Uptake]201 TT --> WW[Detoxification]202 203 %% Energy Production204 UU --> XX[Glycolysis]205 VV --> YY[Lactose Processing]206 WW --> ZZ[Cell Protection]207 208 %% System Equilibrium209 XX --> AAA[Energy Production]210 YY --> BBB[Lactose Consumption]211 ZZ --> CCC[Cell Survival]212 213 %% Feedback Control214 AAA --> DDD[Energy Status Improved]215 BBB --> EEE[Lactose Depletion]216 CCC --> FFF[Reduced Energy Stress]217 218 %% Dynamic Equilibrium219 DDD --> GGG[Reduced Lactose Signal]220 EEE --> HHH[Maintained Homeostasis]221 FFF --> III[System Equilibrium]222 223 %% Styling - Biological Color Scheme224 %% Red: Triggers & Inputs225 style A fill:#ff6b6b,color:#fff226 style C fill:#ff6b6b,color:#fff227 style E fill:#ff6b6b,color:#fff228 229 %% Yellow: Structures & Objects230 style G fill:#ffd43b,color:#000231 style J fill:#ffd43b,color:#000232 style P fill:#ffd43b,color:#000233 style Q fill:#ffd43b,color:#000234 style X fill:#ffd43b,color:#000235 style OO fill:#ffd43b,color:#000236 style PP fill:#ffd43b,color:#000237 style QQ fill:#ffd43b,color:#000238 239 %% Green: Processing & Operations240 style B fill:#51cf66,color:#fff241 style D fill:#51cf66,color:#fff242 style F fill:#51cf66,color:#fff243 style H fill:#51cf66,color:#fff244 style K fill:#51cf66,color:#fff245 style R fill:#51cf66,color:#fff246 style T fill:#51cf66,color:#fff247 style W fill:#51cf66,color:#fff248 style Z fill:#51cf66,color:#fff249 style DD fill:#51cf66,color:#fff250 style FF fill:#51cf66,color:#fff251 style HH fill:#51cf66,color:#fff252 style II fill:#51cf66,color:#fff253 style JJ fill:#51cf66,color:#fff254 style KK fill:#51cf66,color:#fff255 style LL fill:#51cf66,color:#fff256 style MM fill:#51cf66,color:#fff257 style NN fill:#51cf66,color:#fff258 style RR fill:#51cf66,color:#fff259 style SS fill:#51cf66,color:#fff260 style TT fill:#51cf66,color:#fff261 style XX fill:#51cf66,color:#fff262 style YY fill:#51cf66,color:#fff263 style ZZ fill:#51cf66,color:#fff264 style DDD fill:#51cf66,color:#fff265 style EEE fill:#51cf66,color:#fff266 style FFF fill:#51cf66,color:#fff267 268 %% Blue: Intermediates & States269 style I fill:#74c0fc,color:#fff270 style L fill:#74c0fc,color:#fff271 style U fill:#74c0fc,color:#fff272 style AA fill:#74c0fc,color:#fff273 style UU fill:#74c0fc,color:#fff274 style VV fill:#74c0fc,color:#fff275 style WW fill:#74c0fc,color:#fff276 style AAA fill:#74c0fc,color:#fff277 style BBB fill:#74c0fc,color:#fff278 style CCC fill:#74c0fc,color:#fff279 style GGG fill:#74c0fc,color:#fff280 style HHH fill:#74c0fc,color:#fff281 style III fill:#74c0fc,color:#fff282 283 %% Violet: Products & Outputs284 style M fill:#b197fc,color:#fff285 style N fill:#b197fc,color:#fff286 style O fill:#b197fc,color:#fff287 style BB fill:#b197fc,color:#fff288 style CC fill:#b197fc,color:#fff289 style EE fill:#b197fc,color:#fff290 style GG fill:#b197fc,color:#fff291 </div>292 <div class="color-legend">293 <span><span class="color-box" style="background:#ff6b6b;"></span>Environmental Inputs</span>294 <span><span class="color-box" style="background:#ffd43b;"></span>Enzymes & Proteins</span>295 <span><span class="color-box" style="background:#51cf66;"></span>Metabolic Reactions</span>296 <span><span class="color-box" style="background:#74c0fc;"></span>Intermediates & States</span>297 <span><span class="color-box" style="background:#b197fc;"></span>Products & Outputs</span>298 </div>299 <div class="figure-caption">300 <strong>Figure 1.</strong> ฮฒ-Galactosidase Regulation System. This comprehensive computational flowchart demonstrates the Programming Framework's ability to represent complex genetic regulatory networks with complete feedback loops and system equilibrium. The visualization shows environmental inputs (lactose, glucose, energy status), regulatory complexes and enzymes (Lac repressor, CAP-cAMP complex, ฮฒ-galactosidase), intermediate states and logic gates, functional outputs (glucose + galactose, lactose uptake, detoxification), and dynamic feedback control mechanisms.301 </div>302 </div>303 304 <h2>2. Yeast Cell Cycle Control System</h2>305 <div class="figure">306 <div class="mermaid">307graph TD308 %% Environmental Inputs309 A[Nutrient Availability] --> B[Nutrient Sensing]310 C[Cell Size] --> D[Size Checkpoint]311 E[DNA Damage] --> F[Damage Detection]312 313 %% Sensing Mechanisms314 B --> G[Nutrient Transporters]315 D --> H[Size Sensors]316 F --> I[DNA Repair Enzymes]317 318 %% Signal Processing319 G --> J[Nutrient Signal Processing]320 H --> K[Size Signal Processing]321 I --> L[Damage Signal Processing]322 323 %% Decision Logic324 J --> M[Nutrients Sufficient Question]325 K --> N[Size Adequate Question]326 L --> O[DNA Intact Question]327 328 %% Cell Cycle Progression329 M -->|Yes| P[G1 Phase Entry]330 N -->|Yes| Q[G1/S Transition]331 O -->|Yes| R[S Phase Entry]332 333 %% Checkpoint Controls334 M -->|No| S[G1 Arrest]335 N -->|No| T[Size Arrest]336 O -->|No| U[DNA Repair Arrest]337 338 %% DNA Replication339 P --> V[DNA Replication Initiation]340 Q --> W[Replication Fork Formation]341 R --> X[DNA Synthesis]342 343 %% Mitosis Preparation344 V --> Y[G2 Phase Entry]345 W --> Z[Replication Completion]346 X --> AA[DNA Duplication]347 348 %% Mitosis Control349 Y --> BB[Mitosis Entry]350 Z --> CC[Spindle Formation]351 AA --> DD[Chromosome Condensation]352 353 %% Cell Division354 BB --> EE[Anaphase]355 CC --> FF[Chromosome Separation]356 DD --> GG[Cytokinesis]357 358 %% Final Products359 EE --> HH[Two Daughter Cells]360 FF --> II[Chromosome Segregation]361 GG --> JJ[Cell Division Complete]362 363 %% Styling - Biological Color Scheme364 %% Red: Triggers & Inputs365 style A fill:#ff6b6b,color:#fff366 style C fill:#ff6b6b,color:#fff367 style E fill:#ff6b6b,color:#fff368 369 %% Yellow: Structures & Objects370 style G fill:#ffd43b,color:#000371 style H fill:#ffd43b,color:#000372 style I fill:#ffd43b,color:#000373 style P fill:#ffd43b,color:#000374 style Q fill:#ffd43b,color:#000375 style R fill:#ffd43b,color:#000376 style S fill:#ffd43b,color:#000377 style T fill:#ffd43b,color:#000378 style U fill:#ffd43b,color:#000379 380 %% Green: Processing & Operations381 style B fill:#51cf66,color:#fff382 style D fill:#51cf66,color:#fff383 style F fill:#51cf66,color:#fff384 style J fill:#51cf66,color:#fff385 style K fill:#51cf66,color:#fff386 style L fill:#51cf66,color:#fff387 style V fill:#51cf66,color:#fff388 style W fill:#51cf66,color:#fff389 style X fill:#51cf66,color:#fff390 style Y fill:#51cf66,color:#fff391 style Z fill:#51cf66,color:#fff392 style AA fill:#51cf66,color:#fff393 style BB fill:#51cf66,color:#fff394 style CC fill:#51cf66,color:#fff395 style DD fill:#51cf66,color:#fff396 style EE fill:#51cf66,color:#fff397 style FF fill:#51cf66,color:#fff398 style GG fill:#51cf66,color:#fff399 400 %% Blue: Intermediates & States401 style M fill:#74c0fc,color:#fff402 style N fill:#74c0fc,color:#fff403 style O fill:#74c0fc,color:#fff404 405 %% Violet: Products & Outputs406 style HH fill:#b197fc,color:#fff407 style II fill:#b197fc,color:#fff408 style JJ fill:#b197fc,color:#fff409 </div>410 <div class="color-legend">411 <span><span class="color-box" style="background:#ff6b6b;"></span>Environmental Inputs</span>412 <span><span class="color-box" style="background:#ffd43b;"></span>Enzymes & Proteins</span>413 <span><span class="color-box" style="background:#51cf66;"></span>Metabolic Reactions</span>414 <span><span class="color-box" style="background:#74c0fc;"></span>Intermediates & States</span>415 <span><span class="color-box" style="background:#b197fc;"></span>Products & Outputs</span>416 </div>417 <div class="figure-caption">418 <strong>Figure 2.</strong> Yeast Cell Cycle Control System. This biological process visualization demonstrates the computational logic of eukaryotic cell cycle regulation. The flowchart shows environmental inputs (nutrients, cell size, DNA damage), sensing mechanisms and regulatory proteins, signal processing and decision logic, cell cycle progression through G1, S, G2, and M phases, checkpoint controls, and final cell division products.419 </div>420 </div>421 422 <h2>3. Photosynthesis Process (Plant Systems)</h2>423 <div class="figure">424 <div class="mermaid">425graph TD426 %% Light Input427 A[Sunlight] --> B[Light Absorption]428 C[CO2 in Atmosphere] --> D[CO2 Diffusion]429 E[Water in Soil] --> F[Water Uptake]430 431 %% Light Reactions432 B --> G[Chlorophyll Molecules]433 G --> H[Photosystem II]434 H --> I[Electron Transport Chain]435 I --> J[Photosystem I]436 437 %% Water Splitting438 F --> K[Water Transport]439 K --> L[Water Splitting Complex]440 L --> M[Oxygen Evolution]441 L --> N[Proton Release]442 L --> O[Electron Donation]443 444 %% Electron Transport445 O --> P[Electron Flow]446 P --> Q[NADP+ Reduction]447 Q --> R[NADPH Production]448 N --> S[Proton Gradient]449 S --> T[ATP Synthesis]450 451 %% Calvin Cycle452 D --> U[CO2 Fixation]453 U --> V[Ribulose-1,5-bisphosphate]454 V --> W[3-Phosphoglycerate]455 W --> X[Glyceraldehyde-3-phosphate]456 457 %% Sugar Synthesis458 X --> Y[Glucose Synthesis]459 Y --> Z[Starch Formation]460 Y --> AA[Sucrose Transport]461 462 %% Final Products463 M --> BB[Oxygen Gas]464 R --> CC[NADPH Pool]465 T --> DD[ATP Pool]466 Z --> EE[Starch Storage]467 AA --> FF[Sucrose Export]468 469 %% Styling - Biological Color Scheme470 %% Red: Triggers & Inputs471 style A fill:#ff6b6b,color:#fff472 style C fill:#ff6b6b,color:#fff473 style E fill:#ff6b6b,color:#fff474 475 %% Yellow: Structures & Objects476 style G fill:#ffd43b,color:#000477 style H fill:#ffd43b,color:#000478 style J fill:#ffd43b,color:#000479 style L fill:#ffd43b,color:#000480 style V fill:#ffd43b,color:#000481 482 %% Green: Processing & Operations483 style B fill:#51cf66,color:#fff484 style D fill:#51cf66,color:#fff485 style F fill:#51cf66,color:#fff486 style I fill:#51cf66,color:#fff487 style K fill:#51cf66,color:#fff488 style M fill:#51cf66,color:#fff489 style N fill:#51cf66,color:#fff490 style O fill:#51cf66,color:#fff491 style P fill:#51cf66,color:#fff492 style Q fill:#51cf66,color:#fff493 style S fill:#51cf66,color:#fff494 style T fill:#51cf66,color:#fff495 style U fill:#51cf66,color:#fff496 style W fill:#51cf66,color:#fff497 style X fill:#51cf66,color:#fff498 style Y fill:#51cf66,color:#fff499 style Z fill:#51cf66,color:#fff500 style AA fill:#51cf66,color:#fff501 502 %% Blue: Intermediates & States503 style R fill:#74c0fc,color:#fff504 style DD fill:#74c0fc,color:#fff505 style CC fill:#74c0fc,color:#fff506 507 %% Violet: Products & Outputs508 style BB fill:#b197fc,color:#fff509 style EE fill:#b197fc,color:#fff510 style FF fill:#b197fc,color:#fff511 </div>512 <div class="color-legend">513 <span><span class="color-box" style="background:#ff6b6b;"></span>Environmental Inputs</span>514 <span><span class="color-box" style="background:#ffd43b;"></span>Enzymes & Proteins</span>515 <span><span class="color-box" style="background:#51cf66;"></span>Metabolic Reactions</span>516 <span><span class="color-box" style="background:#74c0fc;"></span>Intermediates & States</span>517 <span><span class="color-box" style="background:#b197fc;"></span>Products & Outputs</span>518 </div>519 <div class="figure-caption">520 <strong>Figure 3.</strong> Photosynthesis Process. This biological process visualization demonstrates the computational logic of photosynthetic energy conversion. The flowchart shows environmental inputs (sunlight, CO2, water), photosynthetic complexes and enzymes (chlorophyll, photosystems, Calvin cycle enzymes), light and dark reactions, electron transport and ATP synthesis, sugar synthesis pathways, and final products (oxygen, glucose, starch, sucrose).521 </div>522 </div>523 524 <h2>4. Bacterial Quorum Sensing System</h2>525 <div class="figure">526 <div class="mermaid">527graph TD528 %% Environmental Inputs529 A[Cell Density] --> B[Density Sensing]530 C[Autoinducer Molecules] --> D[Autoinducer Production]531 E[Environmental Conditions] --> F[Stress Detection]532 533 %% Sensing Mechanisms534 B --> G[Density Sensors]535 D --> H[Autoinducer Synthases]536 F --> I[Stress Response Proteins]537 538 %% Signal Processing539 G --> J[Density Signal Processing]540 H --> K[Autoinducer Accumulation]541 I --> L[Stress Signal Processing]542 543 %% Threshold Logic544 J --> M[Autoinducer Above Threshold Question]545 K --> N[Quorum Reached Question]546 L --> O[Stress Conditions Question]547 548 %% Gene Regulation549 M -->|Yes| P[LuxR Activation]550 N -->|Yes| Q[Quorum Response]551 O -->|Yes| R[Stress Response]552 553 %% Response Pathways554 P --> S[Target Gene Expression]555 Q --> T[Biofilm Formation]556 R --> U[Antibiotic Production]557 558 %% Collective Behaviors559 S --> V[Luminescence]560 T --> W[Matrix Production]561 U --> X[Antimicrobial Synthesis]562 563 %% Final Products564 V --> Y[Light Emission]565 W --> Z[Biofilm Structure]566 X --> AA[Antibiotic Molecules]567 568 %% Styling - Biological Color Scheme569 %% Red: Triggers & Inputs570 style A fill:#ff6b6b,color:#fff571 style C fill:#ff6b6b,color:#fff572 style E fill:#ff6b6b,color:#fff573 574 %% Yellow: Structures & Objects575 style G fill:#ffd43b,color:#000576 style H fill:#ffd43b,color:#000577 style I fill:#ffd43b,color:#000578 style P fill:#ffd43b,color:#000579 style Q fill:#ffd43b,color:#000580 style R fill:#ffd43b,color:#000581 582 %% Green: Processing & Operations583 style B fill:#51cf66,color:#fff584 style D fill:#51cf66,color:#fff585 style F fill:#51cf66,color:#fff586 style J fill:#51cf66,color:#fff587 style K fill:#51cf66,color:#fff588 style L fill:#51cf66,color:#fff589 style S fill:#51cf66,color:#fff590 style T fill:#51cf66,color:#fff591 style U fill:#51cf66,color:#fff592 style V fill:#51cf66,color:#fff593 style W fill:#51cf66,color:#fff594 style X fill:#51cf66,color:#fff595 596 %% Blue: Intermediates & States597 style M fill:#74c0fc,color:#fff598 style N fill:#74c0fc,color:#fff599 style O fill:#74c0fc,color:#fff600 601 %% Violet: Products & Outputs602 style Y fill:#b197fc,color:#fff603 style Z fill:#b197fc,color:#fff604 style AA fill:#b197fc,color:#fff605 </div>606 <div class="color-legend">607 <span><span class="color-box" style="background:#ff6b6b;"></span>Environmental Inputs</span>608 <span><span class="color-box" style="background:#ffd43b;"></span>Enzymes & Proteins</span>609 <span><span class="color-box" style="background:#51cf66;"></span>Metabolic Reactions</span>610 <span><span class="color-box" style="background:#74c0fc;"></span>Intermediates & States</span>611 <span><span class="color-box" style="background:#b197fc;"></span>Products & Outputs</span>612 </div>613 <div class="figure-caption">614 <strong>Figure 4.</strong> Bacterial Quorum Sensing System. This biological process visualization demonstrates the computational logic of bacterial communication and collective behavior. The flowchart shows environmental inputs (cell density, autoinducer molecules, stress conditions), sensing mechanisms and regulatory proteins, signal processing and threshold logic, gene regulation and response pathways, collective behaviors, and final products (light emission, biofilm structure, antibiotic molecules).615 </div>616 </div>617 618 <h2>5. Circadian Clock System (Mammalian)</h2>619 <div class="figure">620 <div class="mermaid">621graph TD622 %% Environmental Inputs623 A[Light/Dark Cycle] --> B[Light Detection]624 C[Temperature] --> D[Temperature Sensing]625 E[Feeding Schedule] --> F[Metabolic Sensing]626 627 %% Input Processing628 B --> G[Retinal Photoreceptors]629 D --> H[Temperature Sensors]630 F --> I[Metabolic Sensors]631 632 %% Signal Transmission633 G --> J[Light Signal to SCN]634 H --> K[Temperature Signal]635 I --> L[Metabolic Signal]636 637 %% Central Clock638 J --> M[Suprachiasmatic Nucleus]639 K --> N[Clock Gene Expression]640 L --> O[Metabolic Clock]641 642 %% Molecular Oscillator643 M --> P[CLOCK-BMAL1 Complex]644 N --> Q[PER-CRY Complex]645 O --> R[REV-ERB alpha slash beta]646 647 %% Feedback Loops648 P --> S[Target Gene Activation]649 Q --> T[Clock Gene Repression]650 R --> U[BMAL1 Repression]651 652 %% Output Pathways653 S --> V[Hormone Secretion]654 T --> W[Metabolic Regulation]655 U --> X[Sleep-Wake Cycle]656 657 %% Physiological Outputs658 V --> Y[Cortisol Rhythm]659 W --> Z[Glucose Metabolism]660 X --> AA[Sleep Regulation]661 662 %% Styling - Biological Color Scheme663 %% Red: Triggers & Inputs664 style A fill:#ff6b6b,color:#fff665 style C fill:#ff6b6b,color:#fff666 style E fill:#ff6b6b,color:#fff667 668 %% Yellow: Structures & Objects669 style G fill:#ffd43b,color:#000670 style H fill:#ffd43b,color:#000671 style I fill:#ffd43b,color:#000672 style M fill:#ffd43b,color:#000673 style P fill:#ffd43b,color:#000674 style Q fill:#ffd43b,color:#000675 style R fill:#ffd43b,color:#000676 677 %% Green: Processing & Operations678 style B fill:#51cf66,color:#fff679 style D fill:#51cf66,color:#fff680 style F fill:#51cf66,color:#fff681 style J fill:#51cf66,color:#fff682 style K fill:#51cf66,color:#fff683 style L fill:#51cf66,color:#fff684 style N fill:#51cf66,color:#fff685 style O fill:#51cf66,color:#fff686 style S fill:#51cf66,color:#fff687 style T fill:#51cf66,color:#fff688 style U fill:#51cf66,color:#fff689 style V fill:#51cf66,color:#fff690 style W fill:#51cf66,color:#fff691 style X fill:#51cf66,color:#fff692 693 %% Blue: Intermediates & States694 style Y fill:#74c0fc,color:#fff695 style Z fill:#74c0fc,color:#fff696 style AA fill:#74c0fc,color:#fff697 698 %% Violet: Products & Outputs699 style Y fill:#b197fc,color:#fff700 style Z fill:#b197fc,color:#fff701 style AA fill:#b197fc,color:#fff702 </div>703 <div class="color-legend">704 <span><span class="color-box" style="background:#ff6b6b;"></span>Environmental Inputs</span>705 <span><span class="color-box" style="background:#ffd43b;"></span>Enzymes & Proteins</span>706 <span><span class="color-box" style="background:#51cf66;"></span>Metabolic Reactions</span>707 <span><span class="color-box" style="background:#74c0fc;"></span>Intermediates & States</span>708 <span><span class="color-box" style="background:#b197fc;"></span>Products & Outputs</span>709 </div>710 <div class="figure-caption">711 <strong>Figure 5.</strong> Circadian Clock System. This biological process visualization demonstrates the computational logic of mammalian circadian rhythm regulation. The flowchart shows environmental inputs (light/dark cycle, temperature, feeding schedule), sensory mechanisms and clock proteins, signal transmission and central clock processing, molecular oscillator feedback loops, output pathways, and physiological outputs (hormone rhythms, metabolic regulation, sleep-wake cycles).712 </div>713 </div>714 </div>715</body>716</html>717 