CoolFace
Apppublic

garywelz/programming_framework

sourceHugging Facemitupdated 2mo agoView on Hugging Face
0likes
biology_processes.html717 linesDownload Raw Back to root
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