garywelz commited on
Commit
7e6c852
·
verified ·
1 Parent(s): 8f8c36b

Upload 27 files

Browse files
ecoli_batch01_dna_replication_repair.html CHANGED
@@ -107,22 +107,26 @@
107
  <div class="container">
108
  <div class="header">
109
  <h1>🦠 E. coli Batch 01: DNA Replication & Repair</h1>
110
- <p>Programming Framework Analysis - 4 DNA Processes</p>
111
  </div>
112
  <div class="content">
113
  <div class="intro">
114
  <h2>🦠 DNA Replication & Repair Systems</h2>
115
- <p><strong>Batch Overview:</strong> This batch contains 4 fundamental E. coli processes responsible for DNA replication and repair. These processes represent the core computational systems that ensure genomic integrity and faithful inheritance of genetic information.</p>
116
  <p>Each process demonstrates sophisticated biological programming with error correction and quality control.</p>
117
  </div>
118
 
119
  <div class="toc">
120
- <h2>📋 Table of Contents - 4 DNA Processes</h2>
121
  <ul>
122
  <li><a href="#dna-replication-initiation">1. DNA Replication Initiation</a></li>
123
  <li><a href="#dna-replication-elongation">2. DNA Replication Elongation</a></li>
124
  <li><a href="#dna-replication-termination">3. DNA Replication Termination</a></li>
125
  <li><a href="#dna-repair">4. DNA Repair</a></li>
 
 
 
 
126
  </ul>
127
  </div>
128
 
@@ -265,6 +269,257 @@ graph TD
265
  </div>
266
  </div>
267
  </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
268
 
269
  <div class="footer">
270
  <p><strong>Generated using the Programming Framework methodology</strong></p>
 
107
  <div class="container">
108
  <div class="header">
109
  <h1>🦠 E. coli Batch 01: DNA Replication & Repair</h1>
110
+ <p>Programming Framework Analysis - 8 DNA Processes</p>
111
  </div>
112
  <div class="content">
113
  <div class="intro">
114
  <h2>🦠 DNA Replication & Repair Systems</h2>
115
+ <p><strong>Batch Overview:</strong> This batch contains 8 fundamental E. coli processes responsible for DNA replication and repair. These processes represent the core computational systems that ensure genomic integrity and faithful inheritance of genetic information.</p>
116
  <p>Each process demonstrates sophisticated biological programming with error correction and quality control.</p>
117
  </div>
118
 
119
  <div class="toc">
120
+ <h2>📋 Table of Contents - 8 DNA Processes</h2>
121
  <ul>
122
  <li><a href="#dna-replication-initiation">1. DNA Replication Initiation</a></li>
123
  <li><a href="#dna-replication-elongation">2. DNA Replication Elongation</a></li>
124
  <li><a href="#dna-replication-termination">3. DNA Replication Termination</a></li>
125
  <li><a href="#dna-repair">4. DNA Repair</a></li>
126
+ <li><a href="#base-excision-repair">5. Base Excision Repair</a></li>
127
+ <li><a href="#nucleotide-excision-repair">6. Nucleotide Excision Repair</a></li>
128
+ <li><a href="#mismatch-repair">7. Mismatch Repair</a></li>
129
+ <li><a href="#sos-response">8. SOS Response</a></li>
130
  </ul>
131
  </div>
132
 
 
269
  </div>
270
  </div>
271
  </div>
272
+
273
+ <!-- Process 5: Base Excision Repair -->
274
+ <div class="process-item" id="base-excision-repair">
275
+ <h3>5. Base Excision Repair</h3>
276
+ <p>Detailed analysis of E. coli Base Excision Repair using the Programming Framework, revealing computational logic and regulatory patterns for small DNA lesions.</p>
277
+ <div class="mermaid-container">
278
+ <div class="mermaid">
279
+ graph TD
280
+ %% DNA Damage Detection
281
+ A[Damaged Base] --> B[DNA Glycosylase Recognition]
282
+ C[Oxidative Damage] --> B
283
+ D[Alkylation Damage] --> B
284
+ E[Deamination] --> B
285
+
286
+ %% Base Removal
287
+ B --> F[Glycosylase Binding]
288
+ F --> G[Base Excision]
289
+ G --> H[AP Site Formation]
290
+
291
+ %% AP Site Processing
292
+ H --> I[AP Endonuclease]
293
+ I --> J[5' Incision]
294
+ J --> K[3' Incision]
295
+ K --> L[Gap Formation]
296
+
297
+ %% Gap Filling
298
+ L --> M[DNA Polymerase I]
299
+ M --> N[Single Nucleotide Insertion]
300
+ N --> O[DNA Ligase]
301
+ O --> P[Repair Complete]
302
+
303
+ %% Styling - Programming Framework Colors
304
+ style A fill:#ff6b6b,color:#fff
305
+ style C fill:#ff6b6b,color:#fff
306
+ style D fill:#ff6b6b,color:#fff
307
+ style E fill:#ff6b6b,color:#fff
308
+ style B fill:#74c0fc,color:#fff
309
+ style F fill:#ffd43b,color:#000
310
+ style G fill:#ffd43b,color:#000
311
+ style H fill:#74c0fc,color:#fff
312
+ style I fill:#ffd43b,color:#000
313
+ style J fill:#ffd43b,color:#000
314
+ style K fill:#ffd43b,color:#000
315
+ style L fill:#74c0fc,color:#fff
316
+ style M fill:#ffd43b,color:#000
317
+ style N fill:#ffd43b,color:#000
318
+ style O fill:#ffd43b,color:#000
319
+ style P fill:#b197fc,color:#fff
320
+ </div>
321
+ <div class="color-legend">
322
+ <span><span class="color-box" style="background:#ff6b6b;"></span>Triggers & Conditions</span>
323
+ <span><span class="color-box" style="background:#ffd43b;"></span>Catalysts & Enzymes</span>
324
+ <span><span class="color-box" style="background:#74c0fc;"></span>Intermediates</span>
325
+ <span><span class="color-box" style="background:#b197fc;"></span>Products</span>
326
+ </div>
327
+ </div>
328
+ </div>
329
+
330
+ <!-- Process 6: Nucleotide Excision Repair -->
331
+ <div class="process-item" id="nucleotide-excision-repair">
332
+ <h3>6. Nucleotide Excision Repair</h3>
333
+ <p>Detailed analysis of E. coli Nucleotide Excision Repair using the Programming Framework, revealing computational logic and regulatory patterns for bulky DNA lesions.</p>
334
+ <div class="mermaid-container">
335
+ <div class="mermaid">
336
+ graph TD
337
+ %% Damage Recognition
338
+ A[Bulky DNA Lesion] --> B[UvrA-UvrB Recognition]
339
+ C[UV-Induced Damage] --> B
340
+ D[Chemical Adducts] --> B
341
+ E[Cross-links] --> B
342
+
343
+ %% Damage Verification
344
+ B --> F[UvrA Release]
345
+ F --> G[UvrB-DNA Complex]
346
+ G --> H[UvrC Recruitment]
347
+ H --> I[UvrBC Complex]
348
+
349
+ %% Dual Incision
350
+ I --> J[3' Incision]
351
+ I --> K[5' Incision]
352
+ J --> L[Oligonucleotide Release]
353
+ K --> L
354
+ L --> M[Gap Formation]
355
+
356
+ %% Gap Filling
357
+ M --> N[DNA Polymerase I]
358
+ N --> O[Gap Filling]
359
+ O --> P[DNA Ligase]
360
+ P --> Q[Repair Complete]
361
+
362
+ %% Styling - Programming Framework Colors
363
+ style A fill:#ff6b6b,color:#fff
364
+ style C fill:#ff6b6b,color:#fff
365
+ style D fill:#ff6b6b,color:#fff
366
+ style E fill:#ff6b6b,color:#fff
367
+ style B fill:#ffd43b,color:#000
368
+ style F fill:#ffd43b,color:#000
369
+ style G fill:#74c0fc,color:#fff
370
+ style H fill:#ffd43b,color:#000
371
+ style I fill:#ffd43b,color:#000
372
+ style J fill:#ffd43b,color:#000
373
+ style K fill:#ffd43b,color:#000
374
+ style L fill:#74c0fc,color:#fff
375
+ style M fill:#74c0fc,color:#fff
376
+ style N fill:#ffd43b,color:#000
377
+ style O fill:#ffd43b,color:#000
378
+ style P fill:#ffd43b,color:#000
379
+ style Q fill:#b197fc,color:#fff
380
+ </div>
381
+ <div class="color-legend">
382
+ <span><span class="color-box" style="background:#ff6b6b;"></span>Triggers & Conditions</span>
383
+ <span><span class="color-box" style="background:#ffd43b;"></span>Catalysts & Enzymes</span>
384
+ <span><span class="color-box" style="background:#74c0fc;"></span>Intermediates</span>
385
+ <span><span class="color-box" style="background:#b197fc;"></span>Products</span>
386
+ </div>
387
+ </div>
388
+ </div>
389
+
390
+ <!-- Process 7: Mismatch Repair -->
391
+ <div class="process-item" id="mismatch-repair">
392
+ <h3>7. Mismatch Repair</h3>
393
+ <p>Detailed analysis of E. coli Mismatch Repair using the Programming Framework, revealing computational logic and regulatory patterns for replication errors.</p>
394
+ <div class="mermaid-container">
395
+ <div class="mermaid">
396
+ graph TD
397
+ %% Mismatch Detection
398
+ A[DNA Mismatch] --> B[MutS Recognition]
399
+ C[Replication Error] --> B
400
+ D[Insertion/Deletion] --> B
401
+ E[Base Mismatch] --> B
402
+
403
+ %% Complex Formation
404
+ B --> F[MutS-DNA Complex]
405
+ F --> G[MutL Recruitment]
406
+ G --> H[MutS-MutL Complex]
407
+ H --> I[DNA Bending]
408
+
409
+ %% Strand Discrimination
410
+ I --> J[GATC Site Recognition]
411
+ J --> K[MutH Activation]
412
+ K --> L[Strand Incision]
413
+ L --> M[Nick Formation]
414
+
415
+ %% Excision and Repair
416
+ M --> N[Helicase II Loading]
417
+ N --> O[Exonuclease Activity]
418
+ O --> P[Gap Formation]
419
+ P --> Q[DNA Polymerase III]
420
+ Q --> R[Gap Filling]
421
+ R --> S[DNA Ligase]
422
+ S --> T[Repair Complete]
423
+
424
+ %% Styling - Programming Framework Colors
425
+ style A fill:#ff6b6b,color:#fff
426
+ style C fill:#ff6b6b,color:#fff
427
+ style D fill:#ff6b6b,color:#fff
428
+ style E fill:#ff6b6b,color:#fff
429
+ style B fill:#ffd43b,color:#000
430
+ style F fill:#74c0fc,color:#fff
431
+ style G fill:#ffd43b,color:#000
432
+ style H fill:#74c0fc,color:#fff
433
+ style I fill:#ffd43b,color:#000
434
+ style J fill:#ffd43b,color:#000
435
+ style K fill:#ffd43b,color:#000
436
+ style L fill:#ffd43b,color:#000
437
+ style M fill:#74c0fc,color:#fff
438
+ style N fill:#ffd43b,color:#000
439
+ style O fill:#ffd43b,color:#000
440
+ style P fill:#74c0fc,color:#fff
441
+ style Q fill:#ffd43b,color:#000
442
+ style R fill:#ffd43b,color:#000
443
+ style S fill:#ffd43b,color:#000
444
+ style T fill:#b197fc,color:#fff
445
+ </div>
446
+ <div class="color-legend">
447
+ <span><span class="color-box" style="background:#ff6b6b;"></span>Triggers & Conditions</span>
448
+ <span><span class="color-box" style="background:#ffd43b;"></span>Catalysts & Enzymes</span>
449
+ <span><span class="color-box" style="background:#74c0fc;"></span>Intermediates</span>
450
+ <span><span class="color-box" style="background:#b197fc;"></span>Products</span>
451
+ </div>
452
+ </div>
453
+ </div>
454
+
455
+ <!-- Process 8: SOS Response -->
456
+ <div class="process-item" id="sos-response">
457
+ <h3>8. SOS Response</h3>
458
+ <p>Detailed analysis of E. coli SOS Response using the Programming Framework, revealing computational logic and regulatory patterns for emergency DNA repair.</p>
459
+ <div class="mermaid-container">
460
+ <div class="mermaid">
461
+ graph TD
462
+ %% DNA Damage Detection
463
+ A[DNA Damage] --> B[Single-Strand DNA]
464
+ C[UV Radiation] --> A
465
+ D[Chemical Mutagens] --> A
466
+ E[Replication Stress] --> A
467
+
468
+ %% RecA Activation
469
+ B --> F[RecA Protein Binding]
470
+ F --> G[RecA Nucleofilament]
471
+ G --> H[RecA Activation]
472
+ H --> I[LexA Cleavage]
473
+
474
+ %% SOS Regulon Activation
475
+ I --> J[LexA Degradation]
476
+ J --> K[SOS Genes Derepressed]
477
+ K --> L[DNA Repair Genes]
478
+ L --> M[Error-Prone Repair]
479
+
480
+ %% Repair Execution
481
+ M --> N[UmuC/UmuD Expression]
482
+ N --> O[Translesion Synthesis]
483
+ O --> P[Error-Prone Bypass]
484
+ P --> Q[Cell Survival]
485
+
486
+ %% Recovery
487
+ Q --> R[Damage Cleared]
488
+ R --> S[RecA Inactivation]
489
+ S --> T[LexA Reformation]
490
+ T --> U[SOS Genes Repressed]
491
+
492
+ %% Styling - Programming Framework Colors
493
+ style A fill:#ff6b6b,color:#fff
494
+ style C fill:#ff6b6b,color:#fff
495
+ style D fill:#ff6b6b,color:#fff
496
+ style E fill:#ff6b6b,color:#fff
497
+ style B fill:#74c0fc,color:#fff
498
+ style F fill:#ffd43b,color:#000
499
+ style G fill:#74c0fc,color:#fff
500
+ style H fill:#ffd43b,color:#000
501
+ style I fill:#ffd43b,color:#000
502
+ style J fill:#ffd43b,color:#000
503
+ style K fill:#ffd43b,color:#000
504
+ style L fill:#ffd43b,color:#000
505
+ style M fill:#ffd43b,color:#000
506
+ style N fill:#ffd43b,color:#000
507
+ style O fill:#ffd43b,color:#000
508
+ style P fill:#ffd43b,color:#000
509
+ style Q fill:#b197fc,color:#fff
510
+ style R fill:#74c0fc,color:#fff
511
+ style S fill:#ffd43b,color:#000
512
+ style T fill:#ffd43b,color:#000
513
+ style U fill:#b197fc,color:#fff
514
+ </div>
515
+ <div class="color-legend">
516
+ <span><span class="color-box" style="background:#ff6b6b;"></span>Triggers & Conditions</span>
517
+ <span><span class="color-box" style="background:#ffd43b;"></span>Catalysts & Enzymes</span>
518
+ <span><span class="color-box" style="background:#74c0fc;"></span>Intermediates</span>
519
+ <span><span class="color-box" style="background:#b197fc;"></span>Products</span>
520
+ </div>
521
+ </div>
522
+ </div>
523
 
524
  <div class="footer">
525
  <p><strong>Generated using the Programming Framework methodology</strong></p>
ecoli_batch02_transcription_regulation.html CHANGED
@@ -107,22 +107,26 @@
107
  <div class="container">
108
  <div class="header">
109
  <h1>🦠 E. coli Batch 02: Transcription Regulation</h1>
110
- <p>Programming Framework Analysis - 4 Transcription Processes</p>
111
  </div>
112
  <div class="content">
113
  <div class="intro">
114
  <h2>🦠 Transcription Regulation Systems</h2>
115
- <p><strong>Batch Overview:</strong> This batch contains 4 fundamental E. coli processes responsible for transcription regulation and gene expression control. These processes represent the core computational systems that ensure proper gene expression timing and regulation.</p>
116
  <p>Each process demonstrates sophisticated biological programming with promoter recognition and regulatory mechanisms.</p>
117
  </div>
118
 
119
  <div class="toc">
120
- <h2>📋 Table of Contents - 4 Transcription Processes</h2>
121
  <ul>
122
  <li><a href="#transcription-initiation">1. Transcription Initiation</a></li>
123
  <li><a href="#sigma-factor-regulation">2. Sigma Factor Regulation</a></li>
124
  <li><a href="#operon-regulation">3. Operon Regulation</a></li>
125
  <li><a href="#transcription-termination">4. Transcription Termination</a></li>
 
 
 
 
126
  </ul>
127
  </div>
128
 
@@ -265,6 +269,199 @@ graph TD
265
  </div>
266
  </div>
267
  </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
268
 
269
  <div class="footer">
270
  <p><strong>Generated using the Programming Framework methodology</strong></p>
 
107
  <div class="container">
108
  <div class="header">
109
  <h1>🦠 E. coli Batch 02: Transcription Regulation</h1>
110
+ <p>Programming Framework Analysis - 8 Transcription Processes</p>
111
  </div>
112
  <div class="content">
113
  <div class="intro">
114
  <h2>🦠 Transcription Regulation Systems</h2>
115
+ <p><strong>Batch Overview:</strong> This batch contains 8 fundamental E. coli processes responsible for transcription regulation and gene expression control. These processes represent the core computational systems that ensure proper gene expression timing and regulation.</p>
116
  <p>Each process demonstrates sophisticated biological programming with promoter recognition and regulatory mechanisms.</p>
117
  </div>
118
 
119
  <div class="toc">
120
+ <h2>📋 Table of Contents - 8 Transcription Processes</h2>
121
  <ul>
122
  <li><a href="#transcription-initiation">1. Transcription Initiation</a></li>
123
  <li><a href="#sigma-factor-regulation">2. Sigma Factor Regulation</a></li>
124
  <li><a href="#operon-regulation">3. Operon Regulation</a></li>
125
  <li><a href="#transcription-termination">4. Transcription Termination</a></li>
126
+ <li><a href="#attenuation-control">5. Attenuation Control</a></li>
127
+ <li><a href="#antisense-regulation">6. Antisense Regulation</a></li>
128
+ <li><a href="#riboswitch-regulation">7. Riboswitch Regulation</a></li>
129
+ <li><a href="#global-regulation">8. Global Regulation</a></li>
130
  </ul>
131
  </div>
132
 
 
269
  </div>
270
  </div>
271
  </div>
272
+
273
+ <!-- Process 5: Attenuation Control -->
274
+ <div class="process-item" id="attenuation-control">
275
+ <h3>5. Attenuation Control</h3>
276
+ <p>Detailed analysis of E. coli Attenuation Control using the Programming Framework, revealing computational logic and regulatory patterns for premature transcription termination.</p>
277
+ <div class="mermaid-container">
278
+ <div class="mermaid">
279
+ graph TD
280
+ %% Leader Peptide Translation
281
+ A[Leader Peptide Synthesis] --> B[Ribosome Stalling]
282
+ C[High Amino Acid Levels] --> B
283
+ D[Low Amino Acid Levels] --> E[Ribosome Pausing]
284
+
285
+ %% RNA Structure Formation
286
+ B --> F[Terminator Hairpin]
287
+ F --> G[Transcription Termination]
288
+ E --> H[Antiterminator Hairpin]
289
+ H --> I[Transcription Continuation]
290
+
291
+ %% Regulatory Outcome
292
+ G --> J[Gene Expression Repressed]
293
+ I --> K[Gene Expression Activated]
294
+ J --> L[Metabolic Adaptation]
295
+ K --> L
296
+
297
+ %% Styling - Programming Framework Colors
298
+ style A fill:#ff6b6b,color:#fff
299
+ style C fill:#ff6b6b,color:#fff
300
+ style D fill:#ff6b6b,color:#fff
301
+ style B fill:#74c0fc,color:#fff
302
+ style E fill:#74c0fc,color:#fff
303
+ style F fill:#ffd43b,color:#000
304
+ style G fill:#ffd43b,color:#000
305
+ style H fill:#ffd43b,color:#000
306
+ style I fill:#ffd43b,color:#000
307
+ style J fill:#b197fc,color:#fff
308
+ style K fill:#b197fc,color:#fff
309
+ style L fill:#b197fc,color:#fff
310
+ </div>
311
+ <div class="color-legend">
312
+ <span><span class="color-box" style="background:#ff6b6b;"></span>Triggers & Conditions</span>
313
+ <span><span class="color-box" style="background:#ffd43b;"></span>Catalysts & Enzymes</span>
314
+ <span><span class="color-box" style="background:#74c0fc;"></span>Intermediates</span>
315
+ <span><span class="color-box" style="background:#b197fc;"></span>Products</span>
316
+ </div>
317
+ </div>
318
+ </div>
319
+
320
+ <!-- Process 6: Antisense Regulation -->
321
+ <div class="process-item" id="antisense-regulation">
322
+ <h3>6. Antisense Regulation</h3>
323
+ <p>Detailed analysis of E. coli Antisense Regulation using the Programming Framework, revealing computational logic and regulatory patterns for RNA interference.</p>
324
+ <div class="mermaid-container">
325
+ <div class="mermaid">
326
+ graph TD
327
+ %% Antisense RNA Production
328
+ A[Antisense Promoter] --> B[Antisense RNA Synthesis]
329
+ C[Environmental Signal] --> A
330
+ D[Stress Condition] --> A
331
+
332
+ %% RNA-RNA Interaction
333
+ B --> E[Antisense RNA Binding]
334
+ E --> F[Target mRNA Recognition]
335
+ F --> G[RNA-RNA Duplex]
336
+ G --> H[Ribosome Binding Block]
337
+
338
+ %% Regulatory Outcome
339
+ H --> I[Translation Inhibition]
340
+ I --> J[Protein Synthesis Repressed]
341
+ J --> K[Gene Expression Control]
342
+ K --> L[Cellular Response]
343
+
344
+ %% Styling - Programming Framework Colors
345
+ style A fill:#ff6b6b,color:#fff
346
+ style C fill:#ff6b6b,color:#fff
347
+ style D fill:#ff6b6b,color:#fff
348
+ style B fill:#ffd43b,color:#000
349
+ style E fill:#ffd43b,color:#000
350
+ style F fill:#74c0fc,color:#fff
351
+ style G fill:#74c0fc,color:#fff
352
+ style H fill:#ffd43b,color:#000
353
+ style I fill:#ffd43b,color:#000
354
+ style J fill:#b197fc,color:#fff
355
+ style K fill:#b197fc,color:#fff
356
+ style L fill:#b197fc,color:#fff
357
+ </div>
358
+ <div class="color-legend">
359
+ <span><span class="color-box" style="background:#ff6b6b;"></span>Triggers & Conditions</span>
360
+ <span><span class="color-box" style="background:#ffd43b;"></span>Catalysts & Enzymes</span>
361
+ <span><span class="color-box" style="background:#74c0fc;"></span>Intermediates</span>
362
+ <span><span class="color-box" style="background:#b197fc;"></span>Products</span>
363
+ </div>
364
+ </div>
365
+ </div>
366
+
367
+ <!-- Process 7: Riboswitch Regulation -->
368
+ <div class="process-item" id="riboswitch-regulation">
369
+ <h3>7. Riboswitch Regulation</h3>
370
+ <p>Detailed analysis of E. coli Riboswitch Regulation using the Programming Framework, revealing computational logic and regulatory patterns for metabolite sensing.</p>
371
+ <div class="mermaid-container">
372
+ <div class="mermaid">
373
+ graph TD
374
+ %% Metabolite Binding
375
+ A[Metabolite Availability] --> B[Riboswitch Binding]
376
+ C[High Metabolite] --> B
377
+ D[Low Metabolite] --> E[No Binding]
378
+
379
+ %% Conformational Change
380
+ B --> F[Riboswitch Folding]
381
+ F --> G[Terminator Formation]
382
+ E --> H[Antiterminator Formation]
383
+ H --> I[Transcription Continuation]
384
+
385
+ %% Regulatory Outcome
386
+ G --> J[Transcription Termination]
387
+ J --> K[Gene Expression Repressed]
388
+ I --> L[Gene Expression Activated]
389
+ K --> M[Metabolic Balance]
390
+ L --> M
391
+
392
+ %% Styling - Programming Framework Colors
393
+ style A fill:#ff6b6b,color:#fff
394
+ style C fill:#ff6b6b,color:#fff
395
+ style D fill:#ff6b6b,color:#fff
396
+ style B fill:#ffd43b,color:#000
397
+ style E fill:#74c0fc,color:#fff
398
+ style F fill:#ffd43b,color:#000
399
+ style G fill:#ffd43b,color:#000
400
+ style H fill:#ffd43b,color:#000
401
+ style I fill:#ffd43b,color:#000
402
+ style J fill:#ffd43b,color:#000
403
+ style K fill:#b197fc,color:#fff
404
+ style L fill:#b197fc,color:#fff
405
+ style M fill:#b197fc,color:#fff
406
+ </div>
407
+ <div class="color-legend">
408
+ <span><span class="color-box" style="background:#ff6b6b;"></span>Triggers & Conditions</span>
409
+ <span><span class="color-box" style="background:#ffd43b;"></span>Catalysts & Enzymes</span>
410
+ <span><span class="color-box" style="background:#74c0fc;"></span>Intermediates</span>
411
+ <span><span class="color-box" style="background:#b197fc;"></span>Products</span>
412
+ </div>
413
+ </div>
414
+ </div>
415
+
416
+ <!-- Process 8: Global Regulation -->
417
+ <div class="process-item" id="global-regulation">
418
+ <h3>8. Global Regulation</h3>
419
+ <p>Detailed analysis of E. coli Global Regulation using the Programming Framework, revealing computational logic and regulatory patterns for coordinated gene expression.</p>
420
+ <div class="mermaid-container">
421
+ <div class="mermaid">
422
+ graph TD
423
+ %% Global Signal Detection
424
+ A[Environmental Change] --> B[Global Regulator Activation]
425
+ C[Stress Condition] --> B
426
+ D[Nutrient Availability] --> B
427
+ E[Growth Phase] --> B
428
+
429
+ %% Regulator Network
430
+ B --> F[Regulon Activation]
431
+ F --> G[Multiple Operons]
432
+ G --> H[Coordinated Expression]
433
+ H --> I[Metabolic Shift]
434
+
435
+ %% Cellular Response
436
+ I --> J[Stress Response]
437
+ J --> K[Adaptation Response]
438
+ K --> L[Cell Survival]
439
+ L --> M[Population Fitness]
440
+
441
+ %% Styling - Programming Framework Colors
442
+ style A fill:#ff6b6b,color:#fff
443
+ style C fill:#ff6b6b,color:#fff
444
+ style D fill:#ff6b6b,color:#fff
445
+ style E fill:#ff6b6b,color:#fff
446
+ style B fill:#ffd43b,color:#000
447
+ style F fill:#ffd43b,color:#000
448
+ style G fill:#74c0fc,color:#fff
449
+ style H fill:#74c0fc,color:#fff
450
+ style I fill:#51cf66,color:#fff
451
+ style J fill:#51cf66,color:#fff
452
+ style K fill:#51cf66,color:#fff
453
+ style L fill:#b197fc,color:#fff
454
+ style M fill:#b197fc,color:#fff
455
+ </div>
456
+ <div class="color-legend">
457
+ <span><span class="color-box" style="background:#ff6b6b;"></span>Triggers & Conditions</span>
458
+ <span><span class="color-box" style="background:#ffd43b;"></span>Catalysts & Enzymes</span>
459
+ <span><span class="color-box" style="background:#51cf66;"></span>Chemical Processing</span>
460
+ <span><span class="color-box" style="background:#74c0fc;"></span>Intermediates</span>
461
+ <span><span class="color-box" style="background:#b197fc;"></span>Products</span>
462
+ </div>
463
+ </div>
464
+ </div>
465
 
466
  <div class="footer">
467
  <p><strong>Generated using the Programming Framework methodology</strong></p>
ecoli_batch03_translation_protein_synthesis.html CHANGED
@@ -107,22 +107,26 @@
107
  <div class="container">
108
  <div class="header">
109
  <h1>🦠 E. coli Batch 03: Translation & Protein Synthesis</h1>
110
- <p>Programming Framework Analysis - 4 Translation Processes</p>
111
  </div>
112
  <div class="content">
113
  <div class="intro">
114
  <h2>🦠 Translation & Protein Synthesis Systems</h2>
115
- <p><strong>Batch Overview:</strong> This batch contains 4 fundamental E. coli processes responsible for translation and protein synthesis. These processes represent the core computational systems that ensure proper protein production and quality control.</p>
116
  <p>Each process demonstrates sophisticated biological programming with ribosomal machinery and translational regulation.</p>
117
  </div>
118
 
119
  <div class="toc">
120
- <h2>📋 Table of Contents - 4 Translation Processes</h2>
121
  <ul>
122
  <li><a href="#translation-initiation">1. Translation Initiation</a></li>
123
  <li><a href="#translation-elongation">2. Translation Elongation</a></li>
124
  <li><a href="#translation-termination">3. Translation Termination</a></li>
125
  <li><a href="#protein-folding">4. Protein Folding</a></li>
 
 
 
 
126
  </ul>
127
  </div>
128
 
@@ -265,6 +269,201 @@ graph TD
265
  </div>
266
  </div>
267
  </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
268
 
269
  <div class="footer">
270
  <p><strong>Generated using the Programming Framework methodology</strong></p>
 
107
  <div class="container">
108
  <div class="header">
109
  <h1>🦠 E. coli Batch 03: Translation & Protein Synthesis</h1>
110
+ <p>Programming Framework Analysis - 8 Translation Processes</p>
111
  </div>
112
  <div class="content">
113
  <div class="intro">
114
  <h2>🦠 Translation & Protein Synthesis Systems</h2>
115
+ <p><strong>Batch Overview:</strong> This batch contains 8 fundamental E. coli processes responsible for translation and protein synthesis. These processes represent the core computational systems that ensure proper protein production and quality control.</p>
116
  <p>Each process demonstrates sophisticated biological programming with ribosomal machinery and translational regulation.</p>
117
  </div>
118
 
119
  <div class="toc">
120
+ <h2>📋 Table of Contents - 8 Translation Processes</h2>
121
  <ul>
122
  <li><a href="#translation-initiation">1. Translation Initiation</a></li>
123
  <li><a href="#translation-elongation">2. Translation Elongation</a></li>
124
  <li><a href="#translation-termination">3. Translation Termination</a></li>
125
  <li><a href="#protein-folding">4. Protein Folding</a></li>
126
+ <li><a href="#ribosome-assembly">5. Ribosome Assembly</a></li>
127
+ <li><a href="#tRNA-aminoacylation">6. tRNA Aminoacylation</a></li>
128
+ <li><a href="#translation-regulation">7. Translation Regulation</a></li>
129
+ <li><a href="#protein-targeting">8. Protein Targeting</a></li>
130
  </ul>
131
  </div>
132
 
 
269
  </div>
270
  </div>
271
  </div>
272
+
273
+ <!-- Process 5: Ribosome Assembly -->
274
+ <div class="process-item" id="ribosome-assembly">
275
+ <h3>5. Ribosome Assembly</h3>
276
+ <p>Detailed analysis of E. coli Ribosome Assembly using the Programming Framework, revealing computational logic and regulatory patterns for ribosomal biogenesis.</p>
277
+ <div class="mermaid-container">
278
+ <div class="mermaid">
279
+ graph TD
280
+ %% rRNA Processing
281
+ A[rRNA Transcription] --> B[rRNA Processing]
282
+ C[RNase III Cleavage] --> B
283
+ D[RNase E Processing] --> B
284
+ B --> E[Mature rRNA]
285
+
286
+ %% Ribosomal Protein Synthesis
287
+ F[Ribosomal Protein Genes] --> G[Protein Translation]
288
+ G --> H[Protein Folding]
289
+ H --> I[Assembly Factors]
290
+
291
+ %% Assembly Process
292
+ E --> J[30S Assembly]
293
+ I --> J
294
+ J --> K[50S Assembly]
295
+ K --> L[70S Ribosome]
296
+ L --> M[Functional Ribosome]
297
+
298
+ %% Styling - Programming Framework Colors
299
+ style A fill:#ff6b6b,color:#fff
300
+ style C fill:#ff6b6b,color:#fff
301
+ style D fill:#ff6b6b,color:#fff
302
+ style B fill:#ffd43b,color:#000
303
+ style E fill:#74c0fc,color:#fff
304
+ style F fill:#ff6b6b,color:#fff
305
+ style G fill:#ffd43b,color:#000
306
+ style H fill:#ffd43b,color:#000
307
+ style I fill:#74c0fc,color:#fff
308
+ style J fill:#51cf66,color:#fff
309
+ style K fill:#51cf66,color:#fff
310
+ style L fill:#74c0fc,color:#fff
311
+ style M fill:#b197fc,color:#fff
312
+ </div>
313
+ <div class="color-legend">
314
+ <span><span class="color-box" style="background:#ff6b6b;"></span>Triggers & Conditions</span>
315
+ <span><span class="color-box" style="background:#ffd43b;"></span>Catalysts & Enzymes</span>
316
+ <span><span class="color-box" style="background:#51cf66;"></span>Chemical Processing</span>
317
+ <span><span class="color-box" style="background:#74c0fc;"></span>Intermediates</span>
318
+ <span><span class="color-box" style="background:#b197fc;"></span>Products</span>
319
+ </div>
320
+ </div>
321
+ </div>
322
+
323
+ <!-- Process 6: tRNA Aminoacylation -->
324
+ <div class="process-item" id="tRNA-aminoacylation">
325
+ <h3>6. tRNA Aminoacylation</h3>
326
+ <p>Detailed analysis of E. coli tRNA Aminoacylation using the Programming Framework, revealing computational logic and regulatory patterns for tRNA charging.</p>
327
+ <div class="mermaid-container">
328
+ <div class="mermaid">
329
+ graph TD
330
+ %% tRNA Recognition
331
+ A[tRNA Recognition] --> B[Aminoacyl-tRNA Synthetase]
332
+ C[Anticodon Recognition] --> B
333
+ D[Acceptor Stem Binding] --> B
334
+
335
+ %% Amino Acid Activation
336
+ E[Amino Acid] --> F[ATP Binding]
337
+ F --> G[Aminoacyl-AMP]
338
+ G --> H[Pyrophosphate Release]
339
+
340
+ %% tRNA Charging
341
+ H --> I[tRNA Binding]
342
+ I --> J[Amino Acid Transfer]
343
+ J --> K[Aminoacyl-tRNA]
344
+ K --> L[AMP Release]
345
+ L --> M[Charged tRNA]
346
+
347
+ %% Styling - Programming Framework Colors
348
+ style A fill:#ff6b6b,color:#fff
349
+ style C fill:#ff6b6b,color:#fff
350
+ style D fill:#ff6b6b,color:#fff
351
+ style B fill:#ffd43b,color:#000
352
+ style E fill:#ff6b6b,color:#fff
353
+ style F fill:#ffd43b,color:#000
354
+ style G fill:#74c0fc,color:#fff
355
+ style H fill:#ffd43b,color:#000
356
+ style I fill:#ffd43b,color:#000
357
+ style J fill:#ffd43b,color:#000
358
+ style K fill:#74c0fc,color:#fff
359
+ style L fill:#ffd43b,color:#000
360
+ style M fill:#b197fc,color:#fff
361
+ </div>
362
+ <div class="color-legend">
363
+ <span><span class="color-box" style="background:#ff6b6b;"></span>Triggers & Conditions</span>
364
+ <span><span class="color-box" style="background:#ffd43b;"></span>Catalysts & Enzymes</span>
365
+ <span><span class="color-box" style="background:#74c0fc;"></span>Intermediates</span>
366
+ <span><span class="color-box" style="background:#b197fc;"></span>Products</span>
367
+ </div>
368
+ </div>
369
+ </div>
370
+
371
+ <!-- Process 7: Translation Regulation -->
372
+ <div class="process-item" id="translation-regulation">
373
+ <h3>7. Translation Regulation</h3>
374
+ <p>Detailed analysis of E. coli Translation Regulation using the Programming Framework, revealing computational logic and regulatory patterns for translational control.</p>
375
+ <div class="mermaid-container">
376
+ <div class="mermaid">
377
+ graph TD
378
+ %% Regulatory Signals
379
+ A[Environmental Stress] --> B[ppGpp Synthesis]
380
+ C[Nutrient Limitation] --> B
381
+ D[Growth Phase] --> E[Stringent Response]
382
+
383
+ %% Translation Inhibition
384
+ B --> F[Stringent Factor]
385
+ F --> G[Translation Inhibition]
386
+ E --> G
387
+ G --> H[Ribosome Stalling]
388
+
389
+ %% Regulatory Proteins
390
+ H --> I[RelA Activation]
391
+ I --> J[ppGpp Production]
392
+ J --> K[Gene Expression Shift]
393
+ K --> L[Stress Adaptation]
394
+
395
+ %% Styling - Programming Framework Colors
396
+ style A fill:#ff6b6b,color:#fff
397
+ style C fill:#ff6b6b,color:#fff
398
+ style D fill:#ff6b6b,color:#fff
399
+ style B fill:#ffd43b,color:#000
400
+ style E fill:#ffd43b,color:#000
401
+ style F fill:#ffd43b,color:#000
402
+ style G fill:#ffd43b,color:#000
403
+ style H fill:#74c0fc,color:#fff
404
+ style I fill:#ffd43b,color:#000
405
+ style J fill:#ffd43b,color:#000
406
+ style K fill:#51cf66,color:#fff
407
+ style L fill:#b197fc,color:#fff
408
+ </div>
409
+ <div class="color-legend">
410
+ <span><span class="color-box" style="background:#ff6b6b;"></span>Triggers & Conditions</span>
411
+ <span><span class="color-box" style="background:#ffd43b;"></span>Catalysts & Enzymes</span>
412
+ <span><span class="color-box" style="background:#51cf66;"></span>Chemical Processing</span>
413
+ <span><span class="color-box" style="background:#74c0fc;"></span>Intermediates</span>
414
+ <span><span class="color-box" style="background:#b197fc;"></span>Products</span>
415
+ </div>
416
+ </div>
417
+ </div>
418
+
419
+ <!-- Process 8: Protein Targeting -->
420
+ <div class="process-item" id="protein-targeting">
421
+ <h3>8. Protein Targeting</h3>
422
+ <p>Detailed analysis of E. coli Protein Targeting using the Programming Framework, revealing computational logic and regulatory patterns for protein localization.</p>
423
+ <div class="mermaid-container">
424
+ <div class="mermaid">
425
+ graph TD
426
+ %% Signal Sequence Recognition
427
+ A[Signal Sequence] --> B[Signal Recognition Particle]
428
+ C[SecA Binding] --> B
429
+ D[Translocation Complex] --> E[SecYEG Channel]
430
+
431
+ %% Membrane Targeting
432
+ B --> F[SRP Receptor]
433
+ F --> G[Translocation Complex]
434
+ G --> H[Protein Unfolding]
435
+ H --> I[Membrane Insertion]
436
+
437
+ %% Protein Localization
438
+ I --> J[Signal Peptidase]
439
+ J --> K[Signal Cleavage]
440
+ K --> L[Protein Release]
441
+ L --> M[Final Localization]
442
+
443
+ %% Styling - Programming Framework Colors
444
+ style A fill:#ff6b6b,color:#fff
445
+ style C fill:#ff6b6b,color:#fff
446
+ style D fill:#ff6b6b,color:#fff
447
+ style B fill:#ffd43b,color:#000
448
+ style E fill:#74c0fc,color:#fff
449
+ style F fill:#ffd43b,color:#000
450
+ style G fill:#74c0fc,color:#fff
451
+ style H fill:#ffd43b,color:#000
452
+ style I fill:#51cf66,color:#fff
453
+ style J fill:#ffd43b,color:#000
454
+ style K fill:#ffd43b,color:#000
455
+ style L fill:#74c0fc,color:#fff
456
+ style M fill:#b197fc,color:#fff
457
+ </div>
458
+ <div class="color-legend">
459
+ <span><span class="color-box" style="background:#ff6b6b;"></span>Triggers & Conditions</span>
460
+ <span><span class="color-box" style="background:#ffd43b;"></span>Catalysts & Enzymes</span>
461
+ <span><span class="color-box" style="background:#51cf66;"></span>Chemical Processing</span>
462
+ <span><span class="color-box" style="background:#74c0fc;"></span>Intermediates</span>
463
+ <span><span class="color-box" style="background:#b197fc;"></span>Products</span>
464
+ </div>
465
+ </div>
466
+ </div>
467
 
468
  <div class="footer">
469
  <p><strong>Generated using the Programming Framework methodology</strong></p>
ecoli_batch08_motility_chemotaxis.html CHANGED
@@ -120,13 +120,13 @@
120
  <div class="content">
121
  <div class="intro">
122
  <h2>Motility & Chemotaxis: Bacterial Navigation, Propulsion, and Environmental Sensing</h2>
123
- <p>This batch contains 6 fundamental E. coli processes responsible for bacterial motility, navigation, and environmental sensing. These processes represent the core computational systems that ensure proper bacterial movement, chemotaxis, and environmental adaptation.</p>
124
 
125
  <p>Each process demonstrates sophisticated biological programming with signal processing, motor control, adaptive behavior, and environmental navigation that functions as a biological guidance and propulsion platform.</p>
126
  </div>
127
 
128
  <div class="toc">
129
- <h2>📋 Table of Contents - 6 Motility & Chemotaxis Processes</h2>
130
  <ul>
131
  <li><a href="#chemotaxis">1. Chemotaxis</a></li>
132
  <li><a href="#flagellar-assembly">2. Flagellar Assembly</a></li>
@@ -134,6 +134,8 @@
134
  <li><a href="#swimming-tumbling">4. Swimming vs Tumbling</a></li>
135
  <li><a href="#aerotaxis">5. Aerotaxis</a></li>
136
  <li><a href="#ph-taxis">6. pH Taxis</a></li>
 
 
137
  </ul>
138
  </div>
139
 
@@ -629,6 +631,149 @@ graph TD
629
  </div>
630
  </div>
631
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
632
  <div class="footer">
633
  <p><strong>Generated using the Programming Framework methodology</strong></p>
634
  <p>This batch demonstrates the computational nature of E. coli motility and chemotaxis systems</p>
 
120
  <div class="content">
121
  <div class="intro">
122
  <h2>Motility & Chemotaxis: Bacterial Navigation, Propulsion, and Environmental Sensing</h2>
123
+ <p>This batch contains 8 fundamental E. coli processes responsible for bacterial motility, navigation, and environmental sensing. These processes represent the core computational systems that ensure proper bacterial movement, chemotaxis, and environmental adaptation.</p>
124
 
125
  <p>Each process demonstrates sophisticated biological programming with signal processing, motor control, adaptive behavior, and environmental navigation that functions as a biological guidance and propulsion platform.</p>
126
  </div>
127
 
128
  <div class="toc">
129
+ <h2>📋 Table of Contents - 8 Motility & Chemotaxis Processes</h2>
130
  <ul>
131
  <li><a href="#chemotaxis">1. Chemotaxis</a></li>
132
  <li><a href="#flagellar-assembly">2. Flagellar Assembly</a></li>
 
134
  <li><a href="#swimming-tumbling">4. Swimming vs Tumbling</a></li>
135
  <li><a href="#aerotaxis">5. Aerotaxis</a></li>
136
  <li><a href="#ph-taxis">6. pH Taxis</a></li>
137
+ <li><a href="#phototaxis">7. Phototaxis</a></li>
138
+ <li><a href="#magnetotaxis">8. Magnetotaxis</a></li>
139
  </ul>
140
  </div>
141
 
 
631
  </div>
632
  </div>
633
 
634
+ <!-- Process 7: Phototaxis -->
635
+ <div class="process-item" id="phototaxis">
636
+ <h3>7. Phototaxis</h3>
637
+ <p>Analysis of bacterial phototaxis demonstrating light sensing, photopigment activation, and light gradient navigation.</p>
638
+ <div class="mermaid-container">
639
+ <div class="mermaid">
640
+ graph TD
641
+ %% Light Sensing
642
+ A[Light Intensity] --> B[Photoreceptor Activation]
643
+ C[Blue Light] --> D[BLUF Domain]
644
+ E[Red Light] --> F[Phytochrome]
645
+ G[UV Light] --> H[UV Receptor]
646
+
647
+ %% Signal Transduction
648
+ B --> I[Photopigment Conformation]
649
+ D --> I
650
+ F --> I
651
+ H --> I
652
+ I --> J[Signal Amplification]
653
+ J --> K[Response Regulator]
654
+
655
+ %% Behavioral Response
656
+ K --> L{Light Intensity?}
657
+ L -->|High| M[Light Avoidance]
658
+ L -->|Low| N[Light Seeking]
659
+ M --> O[Swimming Away]
660
+ N --> P[Swimming Toward]
661
+
662
+ %% Navigation
663
+ O --> Q[Dark Environment]
664
+ P --> R[Light Environment]
665
+ Q --> S[Photoprotection]
666
+ R --> T[Photosynthesis]
667
+
668
+ %% Integration
669
+ S --> U[Phototaxis]
670
+ T --> U
671
+ U --> V[Light Adaptation]
672
+
673
+ %% Styling - Programming Framework Colors
674
+ style A fill:#ff6b6b,color:#fff
675
+ style C fill:#ff6b6b,color:#fff
676
+ style E fill:#ff6b6b,color:#fff
677
+ style G fill:#ff6b6b,color:#fff
678
+ style B fill:#ffd43b,color:#000
679
+ style D fill:#ffd43b,color:#000
680
+ style F fill:#ffd43b,color:#000
681
+ style H fill:#ffd43b,color:#000
682
+ style I fill:#74c0fc,color:#fff
683
+ style J fill:#ffd43b,color:#000
684
+ style K fill:#ffd43b,color:#000
685
+ style L fill:#74c0fc,color:#fff
686
+ style M fill:#ffd43b,color:#000
687
+ style N fill:#ffd43b,color:#000
688
+ style O fill:#ffd43b,color:#000
689
+ style P fill:#ffd43b,color:#000
690
+ style Q fill:#74c0fc,color:#fff
691
+ style R fill:#74c0fc,color:#fff
692
+ style S fill:#b197fc,color:#fff
693
+ style T fill:#b197fc,color:#fff
694
+ style U fill:#b197fc,color:#fff
695
+ style V fill:#b197fc,color:#fff
696
+ </div>
697
+ <div class="color-legend">
698
+ <span><span class="color-box" style="background:#ff6b6b;"></span>Triggers & Conditions</span>
699
+ <span><span class="color-box" style="background:#ffd43b;"></span>Catalysts & Enzymes</span>
700
+ <span><span class="color-box" style="background:#74c0fc;"></span>Intermediates</span>
701
+ <span><span class="color-box" style="background:#b197fc;"></span>Products</span>
702
+ </div>
703
+ </div>
704
+ </div>
705
+
706
+ <!-- Process 8: Magnetotaxis -->
707
+ <div class="process-item" id="magnetotaxis">
708
+ <h3>8. Magnetotaxis</h3>
709
+ <p>Analysis of bacterial magnetotaxis demonstrating magnetic field sensing, magnetosome formation, and magnetic navigation.</p>
710
+ <div class="mermaid-container">
711
+ <div class="mermaid">
712
+ graph TD
713
+ %% Magnetic Field Detection
714
+ A[Earth's Magnetic Field] --> B[Magnetosome Chain]
715
+ C[Magnetic Field Lines] --> D[Magnetosome Alignment]
716
+ E[Field Strength] --> F[Magnetic Moment]
717
+
718
+ %% Magnetosome Formation
719
+ G[Magnetosome Genes] --> H[Magnetosome Membrane]
720
+ H --> I[Iron Transport]
721
+ I --> J[Iron Oxide Crystallization]
722
+ J --> K[Magnetite Formation]
723
+ K --> L[Magnetosome Chain]
724
+
725
+ %% Navigation System
726
+ L --> M[Magnetic Orientation]
727
+ M --> N[Swimming Direction]
728
+ N --> O[North-South Navigation]
729
+ O --> P[Vertical Migration]
730
+
731
+ %% Environmental Response
732
+ P --> Q{Optimal Environment?}
733
+ Q -->|Yes| R[Maintain Position]
734
+ Q -->|No| S[Seek Better Environment]
735
+ R --> T[Stable Habitat]
736
+ S --> U[Environmental Migration]
737
+
738
+ %% Integration
739
+ T --> V[Magnetotaxis]
740
+ U --> V
741
+ V --> W[Magnetic Navigation]
742
+
743
+ %% Styling - Programming Framework Colors
744
+ style A fill:#ff6b6b,color:#fff
745
+ style C fill:#ff6b6b,color:#fff
746
+ style E fill:#ff6b6b,color:#fff
747
+ style B fill:#74c0fc,color:#fff
748
+ style D fill:#ffd43b,color:#000
749
+ style F fill:#ffd43b,color:#000
750
+ style G fill:#ff6b6b,color:#fff
751
+ style H fill:#ffd43b,color:#000
752
+ style I fill:#ffd43b,color:#000
753
+ style J fill:#ffd43b,color:#000
754
+ style K fill:#74c0fc,color:#fff
755
+ style L fill:#74c0fc,color:#fff
756
+ style M fill:#ffd43b,color:#000
757
+ style N fill:#ffd43b,color:#000
758
+ style O fill:#ffd43b,color:#000
759
+ style P fill:#ffd43b,color:#000
760
+ style Q fill:#74c0fc,color:#fff
761
+ style R fill:#ffd43b,color:#000
762
+ style S fill:#ffd43b,color:#000
763
+ style T fill:#b197fc,color:#fff
764
+ style U fill:#b197fc,color:#fff
765
+ style V fill:#b197fc,color:#fff
766
+ style W fill:#b197fc,color:#fff
767
+ </div>
768
+ <div class="color-legend">
769
+ <span><span class="color-box" style="background:#ff6b6b;"></span>Triggers & Conditions</span>
770
+ <span><span class="color-box" style="background:#ffd43b;"></span>Catalysts & Enzymes</span>
771
+ <span><span class="color-box" style="background:#74c0fc;"></span>Intermediates</span>
772
+ <span><span class="color-box" style="background:#b197fc;"></span>Products</span>
773
+ </div>
774
+ </div>
775
+ </div>
776
+
777
  <div class="footer">
778
  <p><strong>Generated using the Programming Framework methodology</strong></p>
779
  <p>This batch demonstrates the computational nature of E. coli motility and chemotaxis systems</p>