| | <!DOCTYPE html>
|
| | <html lang="en">
|
| | <head>
|
| | <meta charset="UTF-8">
|
| | <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| | <title>D. melanogaster Batch 01: Development & Genetics - Programming Framework Analysis</title>
|
| | <script src="https://cdn.jsdelivr.net/npm/mermaid@10.6.1/dist/mermaid.min.js"></script>
|
| | <style>
|
| | body {
|
| | font-family: 'Segoe UI', Tahoma, Geneva, Verdana, 'Arial Unicode MS', sans-serif;
|
| | line-height: 1.6;
|
| | margin: 0;
|
| | padding: 0;
|
| | background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
| | min-height: 100vh;
|
| | }
|
| | .container {
|
| | max-width: 1400px;
|
| | margin: 0 auto;
|
| | background: white;
|
| | box-shadow: 0 0 20px rgba(0,0,0,0.1);
|
| | border-radius: 10px;
|
| | overflow: hidden;
|
| | }
|
| | .header {
|
| | background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
| | color: white;
|
| | padding: 2rem;
|
| | text-align: center;
|
| | }
|
| | .header h1 {
|
| | margin: 0;
|
| | font-size: 2.5rem;
|
| | font-weight: 300;
|
| | }
|
| | .content {
|
| | padding: 2rem;
|
| | }
|
| | .intro {
|
| | background: #f8f9fa;
|
| | padding: 2rem;
|
| | border-radius: 8px;
|
| | margin-bottom: 2rem;
|
| | }
|
| | .toc {
|
| | background: #f8f9fa;
|
| | padding: 2rem;
|
| | border-radius: 8px;
|
| | margin-bottom: 2rem;
|
| | }
|
| | .toc ul {
|
| | list-style: none;
|
| | padding: 0;
|
| | }
|
| | .toc li {
|
| | margin: 0.5rem 0;
|
| | }
|
| | .toc a {
|
| | color: #007bff;
|
| | text-decoration: none;
|
| | font-weight: 500;
|
| | }
|
| | .process-item {
|
| | margin: 2rem 0;
|
| | padding: 1.5rem;
|
| | border: 1px solid #dee2e6;
|
| | border-radius: 8px;
|
| | background: #fafafa;
|
| | }
|
| | .process-item h3 {
|
| | color: #495057;
|
| | margin-bottom: 1rem;
|
| | }
|
| | .mermaid-container {
|
| | background: white;
|
| | padding: 1rem;
|
| | border-radius: 8px;
|
| | margin: 1rem 0;
|
| | overflow-x: auto;
|
| | }
|
| | .footer {
|
| | background: #f8f9fa;
|
| | padding: 2rem;
|
| | text-align: center;
|
| | border-top: 1px solid #dee2e6;
|
| | margin-top: 2rem;
|
| | }
|
| | .color-legend {
|
| | display: grid;
|
| | grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
|
| | gap: 0.5rem 1rem;
|
| | margin: 1rem 0 0;
|
| | font-size: 10pt;
|
| | color: #333;
|
| | }
|
| | .color-box {
|
| | display: inline-block;
|
| | width: 12px;
|
| | height: 12px;
|
| | border-radius: 2px;
|
| | margin-right: 4px;
|
| | border: 1px solid rgba(0,0,0,.15);
|
| | }
|
| | </style>
|
| | </head>
|
| | <body>
|
| | <div class="container">
|
| | <div class="header">
|
| | <h1>🦟 D. melanogaster Batch 01: Development & Genetics</h1>
|
| | <p>Programming Framework Analysis - 8 Eukaryotic Processes</p>
|
| | </div>
|
| | <div class="content">
|
| | <div class="intro">
|
| | <h2>🦟 Development & Genetics Systems</h2>
|
| | <p><strong>Batch Overview:</strong> This batch contains 8 fundamental D. melanogaster processes responsible for development and genetics. These processes represent the core computational systems that enable this model organism to develop from embryo to adult, exhibit complex behaviors, and maintain genetic integrity.</p>
|
| | <p>Each process demonstrates sophisticated biological programming with developmental pathways, genetic regulation, neural circuits, and behavioral responses.</p>
|
| | </div>
|
| |
|
| | <div class="toc">
|
| | <h2>📋 Table of Contents - 8 Eukaryotic Processes</h2>
|
| | <ul>
|
| | <li><a href="#embryonic-patterning">1. Embryonic Patterning</a></li>
|
| | <li><a href="#segmentation">2. Segmentation</a></li>
|
| | <li><a href="#homeotic-regulation">3. Homeotic Regulation</a></li>
|
| | <li><a href="#neural-development">4. Neural Development</a></li>
|
| | <li><a href="#behavioral-genetics">5. Behavioral Genetics</a></li>
|
| | <li><a href="#circadian-rhythms">6. Circadian Rhythms</a></li>
|
| | <li><a href="#learning-memory">7. Learning & Memory</a></li>
|
| | <li><a href="#genetic-regulation">8. Genetic Regulation</a></li>
|
| | </ul>
|
| | </div>
|
| |
|
| |
|
| | <div class="process-item" id="embryonic-patterning">
|
| | <h3>1. Embryonic Patterning</h3>
|
| | <p>Detailed analysis of D. melanogaster Embryonic Patterning using the Programming Framework, revealing computational logic and regulatory patterns for early development.</p>
|
| | <div class="mermaid-container">
|
| | <div class="mermaid">
|
| | graph TD
|
| | %% Patterning Components
|
| | A[Maternal Factors] --> B[Anterior-Posterior Axis]
|
| | C[Dorsal-Ventral Axis] --> D[Polarity Establishment]
|
| | E[Gap Genes] --> F[Segment Polarity]
|
| | G[Pair-Rule Genes] --> H[Pattern Formation]
|
| |
|
| | %% Maternal Control
|
| | B --> I[Bicoid mRNA]
|
| | I --> J[Nanos mRNA]
|
| | J --> K[Protein Gradients]
|
| |
|
| | %% Axis Formation
|
| | D --> L[Toll Signaling]
|
| | L --> M[Dorsal Protein]
|
| | M --> N[D-V Patterning]
|
| |
|
| | %% Gap Gene Expression
|
| | F --> O[Giant Expression]
|
| | O --> P[Krüppel Expression]
|
| | P --> Q[Segment Boundaries]
|
| |
|
| | %% Integration
|
| | K --> R[Patterning Program]
|
| | N --> R
|
| | Q --> R
|
| | H --> R
|
| | R --> S[Embryonic Pattern]
|
| |
|
| | %% Styling - Programming Framework Colors
|
| | style A fill:#ff6b6b,color:#fff
|
| | style C fill:#ff6b6b,color:#fff
|
| | style E fill:#ff6b6b,color:#fff
|
| | style G fill:#ff6b6b,color:#fff
|
| | style B fill:#ffd43b,color:#000
|
| | style D fill:#ffd43b,color:#000
|
| | style F fill:#ffd43b,color:#000
|
| | style H fill:#ffd43b,color:#000
|
| | style I fill:#ffd43b,color:#000
|
| | style J fill:#51cf66,color:#fff
|
| | style K fill:#51cf66,color:#fff
|
| | style L fill:#ffd43b,color:#000
|
| | style M fill:#51cf66,color:#fff
|
| | style N fill:#51cf66,color:#fff
|
| | style O fill:#ffd43b,color:#000
|
| | style P fill:#51cf66,color:#fff
|
| | style Q fill:#51cf66,color:#fff
|
| | style R fill:#74c0fc,color:#fff
|
| | style S fill:#b197fc,color:#fff
|
| | </div>
|
| | <div class="color-legend">
|
| | <span><span class="color-box" style="background:#ff6b6b;"></span>Triggers & Conditions</span>
|
| | <span><span class="color-box" style="background:#ffd43b;"></span>Catalysts & Enzymes</span>
|
| | <span><span class="color-box" style="background:#51cf66;"></span>Chemical Processing</span>
|
| | <span><span class="color-box" style="background:#74c0fc;"></span>Intermediates</span>
|
| | <span><span class="color-box" style="background:#b197fc;"></span>Products</span>
|
| | </div>
|
| | </div>
|
| | </div>
|
| |
|
| |
|
| | <div class="process-item" id="segmentation">
|
| | <h3>2. Segmentation</h3>
|
| | <p>Detailed analysis of D. melanogaster Segmentation using the Programming Framework, revealing computational logic and regulatory patterns for body segment formation.</p>
|
| | <div class="mermaid-container">
|
| | <div class="mermaid">
|
| | graph TD
|
| | %% Segmentation Components
|
| | A[Gap Gene Expression] --> B[Pair-Rule Genes]
|
| | C[Segment Polarity] --> D[Engrailed Expression]
|
| | E[Wingless Signaling] --> F[Segment Boundaries]
|
| | G[Homeotic Genes] --> H[Segment Identity]
|
| |
|
| | %% Pair-Rule Expression
|
| | B --> I[Even-Skipped]
|
| | I --> J[Fushi Tarazu]
|
| | J --> K[Segment Stripes]
|
| |
|
| | %% Segment Polarity
|
| | D --> L[Engrailed/Wingless]
|
| | L --> M[Cell Communication]
|
| | M --> N[Segment Maintenance]
|
| |
|
| | %% Segment Identity
|
| | F --> O[Antennapedia Complex]
|
| | O --> P[Bithorax Complex]
|
| | P --> Q[Segment Specification]
|
| |
|
| | %% Integration
|
| | K --> R[Segmentation Program]
|
| | N --> R
|
| | Q --> R
|
| | H --> R
|
| | R --> S[Body Segmentation]
|
| |
|
| | %% Styling - Programming Framework Colors
|
| | style A fill:#ff6b6b,color:#fff
|
| | style C fill:#ff6b6b,color:#fff
|
| | style E fill:#ff6b6b,color:#fff
|
| | style G fill:#ff6b6b,color:#fff
|
| | style B fill:#ffd43b,color:#000
|
| | style D fill:#ffd43b,color:#000
|
| | style F fill:#ffd43b,color:#000
|
| | style H fill:#ffd43b,color:#000
|
| | style I fill:#ffd43b,color:#000
|
| | style J fill:#51cf66,color:#fff
|
| | style K fill:#51cf66,color:#fff
|
| | style L fill:#ffd43b,color:#000
|
| | style M fill:#51cf66,color:#fff
|
| | style N fill:#51cf66,color:#fff
|
| | style O fill:#ffd43b,color:#000
|
| | style P fill:#51cf66,color:#fff
|
| | style Q fill:#51cf66,color:#fff
|
| | style R fill:#74c0fc,color:#fff
|
| | style S fill:#b197fc,color:#fff
|
| | </div>
|
| | <div class="color-legend">
|
| | <span><span class="color-box" style="background:#ff6b6b;"></span>Triggers & Conditions</span>
|
| | <span><span class="color-box" style="background:#ffd43b;"></span>Catalysts & Enzymes</span>
|
| | <span><span class="color-box" style="background:#51cf66;"></span>Chemical Processing</span>
|
| | <span><span class="color-box" style="background:#74c0fc;"></span>Intermediates</span>
|
| | <span><span class="color-box" style="background:#b197fc;"></span>Products</span>
|
| | </div>
|
| | </div>
|
| | </div>
|
| |
|
| |
|
| | <div class="process-item" id="homeotic-regulation">
|
| | <h3>3. Homeotic Regulation</h3>
|
| | <p>Detailed analysis of D. melanogaster Homeotic Regulation using the Programming Framework, revealing computational logic and regulatory patterns for segment identity.</p>
|
| | <div class="mermaid-container">
|
| | <div class="mermaid">
|
| | graph TD
|
| | %% Homeotic Components
|
| | A[Homeotic Genes] --> B[Antennapedia Complex]
|
| | C[Bithorax Complex] --> D[Segment Identity]
|
| | E[Polycomb Group] --> F[Gene Silencing]
|
| | G[Trithorax Group] --> H[Gene Activation]
|
| |
|
| | %% Antennapedia Complex
|
| | B --> I[Labial Expression]
|
| | I --> J[Proboscipedia]
|
| | J --> K[Deformed Expression]
|
| |
|
| | %% Bithorax Complex
|
| | D --> L[Ultrabithorax]
|
| | L --> M[Abdominal-A]
|
| | M --> N[Abdominal-B]
|
| |
|
| | %% Epigenetic Control
|
| | F --> O[Polycomb Repression]
|
| | O --> P[Chromatin Modification]
|
| | P --> Q[Gene Silencing]
|
| |
|
| | %% Integration
|
| | K --> R[Homeotic Program]
|
| | N --> R
|
| | Q --> R
|
| | H --> R
|
| | R --> S[Segment Identity]
|
| |
|
| | %% Styling - Programming Framework Colors
|
| | style A fill:#ff6b6b,color:#fff
|
| | style C fill:#ff6b6b,color:#fff
|
| | style E fill:#ff6b6b,color:#fff
|
| | style G fill:#ff6b6b,color:#fff
|
| | style B fill:#ffd43b,color:#000
|
| | style D fill:#ffd43b,color:#000
|
| | style F fill:#ffd43b,color:#000
|
| | style H fill:#ffd43b,color:#000
|
| | style I fill:#ffd43b,color:#000
|
| | style J fill:#51cf66,color:#fff
|
| | style K fill:#51cf66,color:#fff
|
| | style L fill:#ffd43b,color:#000
|
| | style M fill:#51cf66,color:#fff
|
| | style N fill:#51cf66,color:#fff
|
| | style O fill:#ffd43b,color:#000
|
| | style P fill:#51cf66,color:#fff
|
| | style Q fill:#51cf66,color:#fff
|
| | style R fill:#74c0fc,color:#fff
|
| | style S fill:#b197fc,color:#fff
|
| | </div>
|
| | <div class="color-legend">
|
| | <span><span class="color-box" style="background:#ff6b6b;"></span>Triggers & Conditions</span>
|
| | <span><span class="color-box" style="background:#ffd43b;"></span>Catalysts & Enzymes</span>
|
| | <span><span class="color-box" style="background:#51cf66;"></span>Chemical Processing</span>
|
| | <span><span class="color-box" style="background:#74c0fc;"></span>Intermediates</span>
|
| | <span><span class="color-box" style="background:#b197fc;"></span>Products</span>
|
| | </div>
|
| | </div>
|
| | </div>
|
| |
|
| |
|
| | <div class="process-item" id="neural-development">
|
| | <h3>4. Neural Development</h3>
|
| | <p>Detailed analysis of D. melanogaster Neural Development using the Programming Framework, revealing computational logic and regulatory patterns for nervous system formation.</p>
|
| | <div class="mermaid-container">
|
| | <div class="mermaid">
|
| | graph TD
|
| | %% Neural Components
|
| | A[Neural Precursors] --> B[Neurogenesis]
|
| | C[Notch Signaling] --> D[Cell Fate Decision]
|
| | E[Axon Guidance] --> F[Neural Circuits]
|
| | G[Synapse Formation] --> H[Neural Function]
|
| |
|
| | %% Neurogenesis
|
| | B --> I[Neural Progenitors]
|
| | I --> J[Neuron/Glia Decision]
|
| | J --> K[Neural Identity]
|
| |
|
| | %% Notch Signaling
|
| | D --> L[Delta-Notch]
|
| | L --> M[Lateral Inhibition]
|
| | M --> N[Cell Fate Specification]
|
| |
|
| | %% Axon Guidance
|
| | F --> O[Netrin Signaling]
|
| | O --> P[Slit/Robo]
|
| | P --> Q[Axon Pathfinding]
|
| |
|
| | %% Integration
|
| | K --> R[Neural Program]
|
| | N --> R
|
| | Q --> R
|
| | H --> R
|
| | R --> S[Neural Circuit]
|
| |
|
| | %% Styling - Programming Framework Colors
|
| | style A fill:#ff6b6b,color:#fff
|
| | style C fill:#ff6b6b,color:#fff
|
| | style E fill:#ff6b6b,color:#fff
|
| | style G fill:#ff6b6b,color:#fff
|
| | style B fill:#ffd43b,color:#000
|
| | style D fill:#ffd43b,color:#000
|
| | style F fill:#ffd43b,color:#000
|
| | style H fill:#ffd43b,color:#000
|
| | style I fill:#ffd43b,color:#000
|
| | style J fill:#51cf66,color:#fff
|
| | style K fill:#51cf66,color:#fff
|
| | style L fill:#ffd43b,color:#000
|
| | style M fill:#51cf66,color:#fff
|
| | style N fill:#51cf66,color:#fff
|
| | style O fill:#ffd43b,color:#000
|
| | style P fill:#51cf66,color:#fff
|
| | style Q fill:#51cf66,color:#fff
|
| | style R fill:#74c0fc,color:#fff
|
| | style S fill:#b197fc,color:#fff
|
| | </div>
|
| | <div class="color-legend">
|
| | <span><span class="color-box" style="background:#ff6b6b;"></span>Triggers & Conditions</span>
|
| | <span><span class="color-box" style="background:#ffd43b;"></span>Catalysts & Enzymes</span>
|
| | <span><span class="color-box" style="background:#51cf66;"></span>Chemical Processing</span>
|
| | <span><span class="color-box" style="background:#74c0fc;"></span>Intermediates</span>
|
| | <span><span class="color-box" style="background:#b197fc;"></span>Products</span>
|
| | </div>
|
| | </div>
|
| | </div>
|
| |
|
| |
|
| | <div class="process-item" id="behavioral-genetics">
|
| | <h3>5. Behavioral Genetics</h3>
|
| | <p>Detailed analysis of D. melanogaster Behavioral Genetics using the Programming Framework, revealing computational logic and regulatory patterns for behavior generation.</p>
|
| | <div class="mermaid-container">
|
| | <div class="mermaid">
|
| | graph TD
|
| | %% Behavioral Components
|
| | A[Genetic Background] --> B[Behavioral Genes]
|
| | C[Neural Circuits] --> D[Behavioral Output]
|
| | E[Environmental Cues] --> F[Behavioral Response]
|
| | G[Learning Genes] --> H[Behavioral Plasticity]
|
| |
|
| | %% Behavioral Genes
|
| | B --> I[Period Gene]
|
| | I --> J[Clock Genes]
|
| | J --> K[Circadian Behavior]
|
| |
|
| | %% Neural Circuits
|
| | D --> L[Mushroom Bodies]
|
| | L --> M[Central Complex]
|
| | M --> N[Behavioral Control]
|
| |
|
| | %% Learning Genes
|
| | F --> O[dunce Gene]
|
| | O --> P[rutabaga Gene]
|
| | P --> Q[Learning Ability]
|
| |
|
| | %% Integration
|
| | K --> R[Behavioral Program]
|
| | N --> R
|
| | Q --> R
|
| | H --> R
|
| | R --> S[Behavioral Output]
|
| |
|
| | %% Styling - Programming Framework Colors
|
| | style A fill:#ff6b6b,color:#fff
|
| | style C fill:#ff6b6b,color:#fff
|
| | style E fill:#ff6b6b,color:#fff
|
| | style G fill:#ff6b6b,color:#fff
|
| | style B fill:#ffd43b,color:#000
|
| | style D fill:#ffd43b,color:#000
|
| | style F fill:#ffd43b,color:#000
|
| | style H fill:#ffd43b,color:#000
|
| | style I fill:#ffd43b,color:#000
|
| | style J fill:#51cf66,color:#fff
|
| | style K fill:#51cf66,color:#fff
|
| | style L fill:#ffd43b,color:#000
|
| | style M fill:#51cf66,color:#fff
|
| | style N fill:#51cf66,color:#fff
|
| | style O fill:#ffd43b,color:#000
|
| | style P fill:#51cf66,color:#fff
|
| | style Q fill:#51cf66,color:#fff
|
| | style R fill:#74c0fc,color:#fff
|
| | style S fill:#b197fc,color:#fff
|
| | </div>
|
| | <div class="color-legend">
|
| | <span><span class="color-box" style="background:#ff6b6b;"></span>Triggers & Conditions</span>
|
| | <span><span class="color-box" style="background:#ffd43b;"></span>Catalysts & Enzymes</span>
|
| | <span><span class="color-box" style="background:#51cf66;"></span>Chemical Processing</span>
|
| | <span><span class="color-box" style="background:#74c0fc;"></span>Intermediates</span>
|
| | <span><span class="color-box" style="background:#b197fc;"></span>Products</span>
|
| | </div>
|
| | </div>
|
| | </div>
|
| |
|
| |
|
| | <div class="process-item" id="circadian-rhythms">
|
| | <h3>6. Circadian Rhythms</h3>
|
| | <p>Detailed analysis of D. melanogaster Circadian Rhythms using the Programming Framework, revealing computational logic and regulatory patterns for 24-hour cycles.</p>
|
| | <div class="mermaid-container">
|
| | <div class="mermaid">
|
| | graph TD
|
| | %% Circadian Components
|
| | A[Light Input] --> B[Clock Genes]
|
| | C[Period Gene] --> D[Timeless Gene]
|
| | E[Clock Gene] --> F[Cycle Gene]
|
| | G[Feedback Loops] --> H[Rhythm Generation]
|
| |
|
| | %% Clock Genes
|
| | B --> I[PER/TIM Complex]
|
| | I --> J[Nuclear Entry]
|
| | J --> K[Gene Repression]
|
| |
|
| | %% Feedback Regulation
|
| | D --> L[CLK/CYC Complex]
|
| | L --> M[Gene Activation]
|
| | M --> N[PER/TIM Synthesis]
|
| |
|
| | %% Light Entrainment
|
| | F --> O[Cryptochrome]
|
| | O --> P[Light Sensing]
|
| | P --> Q[Phase Reset]
|
| |
|
| | %% Integration
|
| | K --> R[Circadian Program]
|
| | N --> R
|
| | Q --> R
|
| | H --> R
|
| | R --> S[24-Hour Rhythm]
|
| |
|
| | %% Styling - Programming Framework Colors
|
| | style A fill:#ff6b6b,color:#fff
|
| | style C fill:#ff6b6b,color:#fff
|
| | style E fill:#ff6b6b,color:#fff
|
| | style G fill:#ff6b6b,color:#fff
|
| | style B fill:#ffd43b,color:#000
|
| | style D fill:#ffd43b,color:#000
|
| | style F fill:#ffd43b,color:#000
|
| | style H fill:#ffd43b,color:#000
|
| | style I fill:#ffd43b,color:#000
|
| | style J fill:#51cf66,color:#fff
|
| | style K fill:#51cf66,color:#fff
|
| | style L fill:#ffd43b,color:#000
|
| | style M fill:#51cf66,color:#fff
|
| | style N fill:#51cf66,color:#fff
|
| | style O fill:#ffd43b,color:#000
|
| | style P fill:#51cf66,color:#fff
|
| | style Q fill:#51cf66,color:#fff
|
| | style R fill:#74c0fc,color:#fff
|
| | style S fill:#b197fc,color:#fff
|
| | </div>
|
| | <div class="color-legend">
|
| | <span><span class="color-box" style="background:#ff6b6b;"></span>Triggers & Conditions</span>
|
| | <span><span class="color-box" style="background:#ffd43b;"></span>Catalysts & Enzymes</span>
|
| | <span><span class="color-box" style="background:#51cf66;"></span>Chemical Processing</span>
|
| | <span><span class="color-box" style="background:#74c0fc;"></span>Intermediates</span>
|
| | <span><span class="color-box" style="background:#b197fc;"></span>Products</span>
|
| | </div>
|
| | </div>
|
| | </div>
|
| |
|
| |
|
| | <div class="process-item" id="learning-memory">
|
| | <h3>7. Learning & Memory</h3>
|
| | <p>Detailed analysis of D. melanogaster Learning & Memory using the Programming Framework, revealing computational logic and regulatory patterns for behavioral plasticity.</p>
|
| | <div class="mermaid-container">
|
| | <div class="mermaid">
|
| | graph TD
|
| | %% Learning Components
|
| | A[Experience] --> B[Neural Plasticity]
|
| | C[cAMP Signaling] --> D[Memory Formation]
|
| | E[Mushroom Bodies] --> F[Memory Storage]
|
| | G[Retrieval] --> H[Behavioral Change]
|
| |
|
| | %% Neural Plasticity
|
| | B --> I[Synaptic Changes]
|
| | I --> J[Neural Circuits]
|
| | J --> K[Circuit Modification]
|
| |
|
| | %% cAMP Signaling
|
| | D --> L[dunce Gene]
|
| | L --> M[rutabaga Gene]
|
| | M --> N[cAMP Production]
|
| |
|
| | %% Memory Storage
|
| | F --> O[Short-term Memory]
|
| | O --> P[Long-term Memory]
|
| | P --> Q[Memory Consolidation]
|
| |
|
| | %% Integration
|
| | K --> R[Learning Program]
|
| | N --> R
|
| | Q --> R
|
| | H --> R
|
| | R --> S[Behavioral Adaptation]
|
| |
|
| | %% Styling - Programming Framework Colors
|
| | style A fill:#ff6b6b,color:#fff
|
| | style C fill:#ff6b6b,color:#fff
|
| | style E fill:#ff6b6b,color:#fff
|
| | style G fill:#ff6b6b,color:#fff
|
| | style B fill:#ffd43b,color:#000
|
| | style D fill:#ffd43b,color:#000
|
| | style F fill:#ffd43b,color:#000
|
| | style H fill:#ffd43b,color:#000
|
| | style I fill:#ffd43b,color:#000
|
| | style J fill:#51cf66,color:#fff
|
| | style K fill:#51cf66,color:#fff
|
| | style L fill:#ffd43b,color:#000
|
| | style M fill:#51cf66,color:#fff
|
| | style N fill:#51cf66,color:#fff
|
| | style O fill:#ffd43b,color:#000
|
| | style P fill:#51cf66,color:#fff
|
| | style Q fill:#51cf66,color:#fff
|
| | style R fill:#74c0fc,color:#fff
|
| | style S fill:#b197fc,color:#fff
|
| | </div>
|
| | <div class="color-legend">
|
| | <span><span class="color-box" style="background:#ff6b6b;"></span>Triggers & Conditions</span>
|
| | <span><span class="color-box" style="background:#ffd43b;"></span>Catalysts & Enzymes</span>
|
| | <span><span class="color-box" style="background:#51cf66;"></span>Chemical Processing</span>
|
| | <span><span class="color-box" style="background:#74c0fc;"></span>Intermediates</span>
|
| | <span><span class="color-box" style="background:#b197fc;"></span>Products</span>
|
| | </div>
|
| | </div>
|
| | </div>
|
| |
|
| |
|
| | <div class="process-item" id="genetic-regulation">
|
| | <h3>8. Genetic Regulation</h3>
|
| | <p>Detailed analysis of D. melanogaster Genetic Regulation using the Programming Framework, revealing computational logic and regulatory patterns for gene expression control.</p>
|
| | <div class="mermaid-container">
|
| | <div class="mermaid">
|
| | graph TD
|
| | %% Regulation Components
|
| | A[Transcription Factors] --> B[Gene Expression]
|
| | C[Epigenetic Control] --> D[Chromatin Modification]
|
| | E[MicroRNAs] --> F[Post-transcriptional Control]
|
| | G[Alternative Splicing] --> H[Protein Diversity]
|
| |
|
| | %% Transcription Control
|
| | B --> I[Enhancer Binding]
|
| | I --> J[Promoter Activation]
|
| | J --> K[Gene Transcription]
|
| |
|
| | %% Epigenetic Control
|
| | D --> L[Histone Modification]
|
| | L --> M[DNA Methylation]
|
| | M --> N[Chromatin State]
|
| |
|
| | %% MicroRNA Control
|
| | F --> O[miRNA Synthesis]
|
| | O --> P[Target Recognition]
|
| | P --> Q[mRNA Degradation]
|
| |
|
| | %% Integration
|
| | K --> R[Regulation Program]
|
| | N --> R
|
| | Q --> R
|
| | H --> R
|
| | R --> S[Gene Expression Control]
|
| |
|
| | %% Styling - Programming Framework Colors
|
| | style A fill:#ff6b6b,color:#fff
|
| | style C fill:#ff6b6b,color:#fff
|
| | style E fill:#ff6b6b,color:#fff
|
| | style G fill:#ff6b6b,color:#fff
|
| | style B fill:#ffd43b,color:#000
|
| | style D fill:#ffd43b,color:#000
|
| | style F fill:#ffd43b,color:#000
|
| | style H fill:#ffd43b,color:#000
|
| | style I fill:#ffd43b,color:#000
|
| | style J fill:#51cf66,color:#fff
|
| | style K fill:#51cf66,color:#fff
|
| | style L fill:#ffd43b,color:#000
|
| | style M fill:#51cf66,color:#fff
|
| | style N fill:#51cf66,color:#fff
|
| | style O fill:#ffd43b,color:#000
|
| | style P fill:#51cf66,color:#fff
|
| | style Q fill:#51cf66,color:#fff
|
| | style R fill:#74c0fc,color:#fff
|
| | style S fill:#b197fc,color:#fff
|
| | </div>
|
| | <div class="color-legend">
|
| | <span><span class="color-box" style="background:#ff6b6b;"></span>Triggers & Conditions</span>
|
| | <span><span class="color-box" style="background:#ffd43b;"></span>Catalysts & Enzymes</span>
|
| | <span><span class="color-box" style="background:#51cf66;"></span>Chemical Processing</span>
|
| | <span><span class="color-box" style="background:#74c0fc;"></span>Intermediates</span>
|
| | <span><span class="color-box" style="background:#b197fc;"></span>Products</span>
|
| | </div>
|
| | </div>
|
| | </div>
|
| |
|
| | <div class="footer">
|
| | <p><strong>Generated using the Programming Framework methodology</strong></p>
|
| | <p>This batch demonstrates the computational nature of D. melanogaster development and genetics systems</p>
|
| | <p>Each flowchart preserves maximum detail through optimized Mermaid configuration</p>
|
| | <p><em>Batch 01 of 8: Development & Genetics</em></p>
|
| | </div>
|
| | </div>
|
| | </div>
|
| |
|
| | <script>
|
| | mermaid.initialize({
|
| | startOnLoad: true,
|
| | theme: 'default',
|
| | flowchart: {
|
| | useMaxWidth: false,
|
| | htmlLabels: true,
|
| | curve: 'linear',
|
| | nodeSpacing: 30,
|
| | rankSpacing: 40,
|
| | padding: 10
|
| | },
|
| | themeVariables: {
|
| | fontFamily: 'Arial, sans-serif',
|
| | fontSize: '14px',
|
| | primaryColor: '#ff6b6b',
|
| | lineColor: '#333333',
|
| | secondaryColor: '#feca57',
|
| | tertiaryColor: '#4ecdc4'
|
| | }
|
| | });
|
| | </script>
|
| | </body>
|
| | </html>
|
| |
|
