@jjlmoya/utils-science 1.50.0 → 1.52.0

package/src/tool/natural-selection-drift/component.astro

@@ -1,135 +1,135 @@
----
-import "./natural-selection-drift.css";
-
-interface Props {
-  ui: Record<string, string>;
-}
-
-const { ui } = Astro.props;
----
-
-<div class="ns-app" data-alive-label={ui.aliveLabel} data-allele-default={ui.alleleDefault}>
-  <section class="ns-card">
-    <canvas id="simulation-canvas" class="ns-canvas"></canvas>
-    <div class="ns-canvas-badge" id="alive-badge">0 {ui.aliveLabel}</div>
-    <header class="ns-top-hud">
-      <div class="ns-top-hud-item">
-        <span>{ui.dominantTrait}</span>
-        <strong id="dominant-trait">{ui.alleleDefault}</strong>
-      </div>
-      <div class="ns-top-hud-item">
-        <span>{ui.diversity}</span>
-        <strong id="diversity-score">0%</strong>
-      </div>
-    </header>
-
-    <section class="ns-alleles" id="allele-ranking" aria-label={ui.alleleCountsLabel}></section>
-
-    <button class="ns-console-trigger" id="ns-console-trigger" aria-label={ui.controls} aria-expanded="false">
-      <svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M2 4h12M2 8h8M2 12h10" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg>
-      {ui.controls}
-    </button>
-
-    <aside class="ns-console" id="ns-console" aria-label="Simulation controls">
-      <div class="ns-console-header">
-        <div class="ns-console-header-row">
-          <span class="ns-console-kicker">{ui.evolutionConsole}</span>
-          <button class="ns-console-close" id="ns-console-close" aria-label="Close controls">
-            <svg width="14" height="14" viewBox="0 0 14 14" fill="none" aria-hidden="true"><path d="M1 1l12 12M13 1L1 13" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg>
-          </button>
-        </div>
-        <h3>{ui.title}</h3>
-      </div>
-
-      <div class="ns-slider-row">
-        <label for="population"><span>{ui.population}</span><span id="population-value" class="ns-slider-value">120</span></label>
-        <input id="population" type="range" min="20" max="500" value="120" />
-      </div>
-      <div class="ns-slider-row">
-        <label for="generations"><span>{ui.generations}</span><span id="generations-value" class="ns-slider-value">60</span></label>
-        <input id="generations" type="range" min="10" max="200" value="60" />
-      </div>
-      <div class="ns-slider-row">
-        <label for="mutation"><span>{ui.mutationRate}</span><span id="mutation-value" class="ns-slider-value">12%</span></label>
-        <input id="mutation" type="range" min="0" max="100" value="12" />
-      </div>
-      <div class="ns-slider-row">
-        <label for="pressure"><span>{ui.selectionPressure}</span><span id="pressure-value" class="ns-slider-value">55%</span></label>
-        <input id="pressure" type="range" min="0" max="100" value="55" />
-      </div>
-      <div class="ns-slider-row">
-        <label for="drift"><span>{ui.driftIntensity}</span><span id="drift-value" class="ns-slider-value">28%</span></label>
-        <input id="drift" type="range" min="0" max="100" value="28" />
-      </div>
-      <div class="ns-slider-row">
-        <label for="alleles"><span>{ui.alleleCount}</span><span id="alleles-value" class="ns-slider-value">3</span></label>
-        <input id="alleles" type="range" min="2" max="8" value="3" />
-      </div>
-      <div class="ns-slider-row">
-        <label for="innovation"><span>{ui.innovationRate}</span><span id="innovation-value" class="ns-slider-value">2%</span></label>
-        <input id="innovation" type="range" min="0" max="20" value="2" />
-      </div>
-    </aside>
-
-    <footer class="ns-hud">
-      <div class="ns-hud-item">
-        <span>{ui.fitness}</span>
-        <strong id="fitness-score">0%</strong>
-      </div>
-      <div class="ns-hud-item">
-        <span>{ui.populationLabel}</span>
-        <strong id="population-score">0</strong>
-      </div>
-    </footer>
-  </section>
-</div>
-
-<script>
-  import { createNaturalSelectionRuntime } from './runtime';
-
-  const root = document.querySelector('.ns-app');
-  createNaturalSelectionRuntime({
-    populationInput: document.getElementById('population'),
-    generationsInput: document.getElementById('generations'),
-    mutationInput: document.getElementById('mutation'),
-    pressureInput: document.getElementById('pressure'),
-    driftInput: document.getElementById('drift'),
-    allelesInput: document.getElementById('alleles'),
-    innovationInput: document.getElementById('innovation'),
-    populationValue: document.getElementById('population-value'),
-    generationsValue: document.getElementById('generations-value'),
-    mutationValue: document.getElementById('mutation-value'),
-    pressureValue: document.getElementById('pressure-value'),
-    driftValue: document.getElementById('drift-value'),
-    allelesValue: document.getElementById('alleles-value'),
-    innovationValue: document.getElementById('innovation-value'),
-    canvas: document.getElementById('simulation-canvas'),
-    aliveBadge: document.getElementById('alive-badge'),
-    dominantTrait: document.getElementById('dominant-trait'),
-    fitnessScore: document.getElementById('fitness-score'),
-    diversityScore: document.getElementById('diversity-score'),
-    populationScore: document.getElementById('population-score'),
-    alleleRanking: document.getElementById('allele-ranking'),
-    ui: {
-      aliveLabel: root?.dataset.aliveLabel ?? '',
-      alleleDefault: root?.dataset.alleleDefault ?? '',
-    },
-  });
-
-  const trigger = document.getElementById('ns-console-trigger');
-  const closeBtn = document.getElementById('ns-console-close');
-  const console = document.getElementById('ns-console');
-
-  function openConsole() {
-    console?.classList.add('is-open');
-    trigger?.setAttribute('aria-expanded', 'true');
-  }
-
-  function closeConsole() {
-    console?.classList.remove('is-open');
-    trigger?.setAttribute('aria-expanded', 'false');
-  }
-
-  trigger?.addEventListener('click', openConsole);
-  closeBtn?.addEventListener('click', closeConsole);
-</script>
+---
+import "./natural-selection-drift.css";
+
+interface Props {
+  ui: Record<string, string>;
+}
+
+const { ui } = Astro.props;
+---
+
+<div class="ns-app" data-alive-label={ui.aliveLabel} data-allele-default={ui.alleleDefault}>
+  <section class="ns-card">
+    <canvas id="simulation-canvas" class="ns-canvas"></canvas>
+    <div class="ns-canvas-badge" id="alive-badge">0 {ui.aliveLabel}</div>
+    <header class="ns-top-hud">
+      <div class="ns-top-hud-item">
+        <span>{ui.dominantTrait}</span>
+        <strong id="dominant-trait">{ui.alleleDefault}</strong>
+      </div>
+      <div class="ns-top-hud-item">
+        <span>{ui.diversity}</span>
+        <strong id="diversity-score">0%</strong>
+      </div>
+    </header>
+
+    <section class="ns-alleles" id="allele-ranking" aria-label={ui.alleleCountsLabel}></section>
+
+    <button class="ns-console-trigger" id="ns-console-trigger" aria-label={ui.controls} aria-expanded="false">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M2 4h12M2 8h8M2 12h10" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg>
+      {ui.controls}
+    </button>
+
+    <aside class="ns-console" id="ns-console" aria-label="Simulation controls">
+      <div class="ns-console-header">
+        <div class="ns-console-header-row">
+          <span class="ns-console-kicker">{ui.evolutionConsole}</span>
+          <button class="ns-console-close" id="ns-console-close" aria-label="Close controls">
+            <svg width="14" height="14" viewBox="0 0 14 14" fill="none" aria-hidden="true"><path d="M1 1l12 12M13 1L1 13" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg>
+          </button>
+        </div>
+        <h3>{ui.title}</h3>
+      </div>
+
+      <div class="ns-slider-row">
+        <label for="population"><span>{ui.population}</span><span id="population-value" class="ns-slider-value">120</span></label>
+        <input id="population" type="range" min="20" max="500" value="120" />
+      </div>
+      <div class="ns-slider-row">
+        <label for="generations"><span>{ui.generations}</span><span id="generations-value" class="ns-slider-value">60</span></label>
+        <input id="generations" type="range" min="10" max="200" value="60" />
+      </div>
+      <div class="ns-slider-row">
+        <label for="mutation"><span>{ui.mutationRate}</span><span id="mutation-value" class="ns-slider-value">12%</span></label>
+        <input id="mutation" type="range" min="0" max="100" value="12" />
+      </div>
+      <div class="ns-slider-row">
+        <label for="pressure"><span>{ui.selectionPressure}</span><span id="pressure-value" class="ns-slider-value">55%</span></label>
+        <input id="pressure" type="range" min="0" max="100" value="55" />
+      </div>
+      <div class="ns-slider-row">
+        <label for="drift"><span>{ui.driftIntensity}</span><span id="drift-value" class="ns-slider-value">28%</span></label>
+        <input id="drift" type="range" min="0" max="100" value="28" />
+      </div>
+      <div class="ns-slider-row">
+        <label for="alleles"><span>{ui.alleleCount}</span><span id="alleles-value" class="ns-slider-value">3</span></label>
+        <input id="alleles" type="range" min="2" max="8" value="3" />
+      </div>
+      <div class="ns-slider-row">
+        <label for="innovation"><span>{ui.innovationRate}</span><span id="innovation-value" class="ns-slider-value">2%</span></label>
+        <input id="innovation" type="range" min="0" max="20" value="2" />
+      </div>
+    </aside>
+
+    <footer class="ns-hud">
+      <div class="ns-hud-item">
+        <span>{ui.fitness}</span>
+        <strong id="fitness-score">0%</strong>
+      </div>
+      <div class="ns-hud-item">
+        <span>{ui.populationLabel}</span>
+        <strong id="population-score">0</strong>
+      </div>
+    </footer>
+  </section>
+</div>
+
+<script>
+  import { createNaturalSelectionRuntime } from './runtime';
+
+  const root = document.querySelector('.ns-app');
+  createNaturalSelectionRuntime({
+    populationInput: document.getElementById('population'),
+    generationsInput: document.getElementById('generations'),
+    mutationInput: document.getElementById('mutation'),
+    pressureInput: document.getElementById('pressure'),
+    driftInput: document.getElementById('drift'),
+    allelesInput: document.getElementById('alleles'),
+    innovationInput: document.getElementById('innovation'),
+    populationValue: document.getElementById('population-value'),
+    generationsValue: document.getElementById('generations-value'),
+    mutationValue: document.getElementById('mutation-value'),
+    pressureValue: document.getElementById('pressure-value'),
+    driftValue: document.getElementById('drift-value'),
+    allelesValue: document.getElementById('alleles-value'),
+    innovationValue: document.getElementById('innovation-value'),
+    canvas: document.getElementById('simulation-canvas'),
+    aliveBadge: document.getElementById('alive-badge'),
+    dominantTrait: document.getElementById('dominant-trait'),
+    fitnessScore: document.getElementById('fitness-score'),
+    diversityScore: document.getElementById('diversity-score'),
+    populationScore: document.getElementById('population-score'),
+    alleleRanking: document.getElementById('allele-ranking'),
+    ui: {
+      aliveLabel: root?.dataset.aliveLabel ?? '',
+      alleleDefault: root?.dataset.alleleDefault ?? '',
+    },
+  });
+
+  const trigger = document.getElementById('ns-console-trigger');
+  const closeBtn = document.getElementById('ns-console-close');
+  const console = document.getElementById('ns-console');
+
+  function openConsole() {
+    console?.classList.add('is-open');
+    trigger?.setAttribute('aria-expanded', 'true');
+  }
+
+  function closeConsole() {
+    console?.classList.remove('is-open');
+    trigger?.setAttribute('aria-expanded', 'false');
+  }
+
+  trigger?.addEventListener('click', openConsole);
+  closeBtn?.addEventListener('click', closeConsole);
+</script>

package/src/tool/natural-selection-drift/i18n/de.ts

@@ -1,168 +1,172 @@
-import { bibliography } from '../bibliography';
-import type { NaturalSelectionLocaleContent } from '../entry';
-
-const slug = 'simulator-natuerliche-selektion-genetische-drift';
-const title = 'Simulator für natürliche Selektion und genetische Drift';
-const description =
-  'Beobachte in Echtzeit, wie Selektionsdruck, Mutation, Drift und Fortpflanzung die Allelfrequenzen verändern.';
-
-const howTo = [
-  { name: 'Population festlegen', text: 'Wähle eine kleine oder große Population, um den Einfluss der Stichprobe zu sehen.' },
-  { name: 'Selektion und Drift einstellen', text: 'Erhöhe den Selektionsdruck oder die Drift, um andere Evolutionsverläufe zu sehen.' },
-  { name: 'Generationen beobachten', text: 'Starte die Simulation und vergleiche dominantes Merkmal, Fitness und Vielfalt über die Zeit.' },
-  { name: 'Ergebnisse deuten', text: 'Nutze die Metriken, um zu verstehen, wann Anpassung gewinnt und wann Zufall dominiert.' },
-];
-
-const faq = [
-  { question: 'Was ist der Unterschied zwischen natürlicher Selektion und genetischer Drift?', answer: 'Natürliche Selektion ist nicht zufällig. Vorteilhafte Merkmale werden häufiger. Genetische Drift ist eine zufällige Veränderung der Allelfrequenzen, besonders stark in kleinen Populationen.' },
-  { question: 'Warum verändern sich kleine Populationen schneller?', answer: 'Bei wenigen Individuen hat Zufall einen größeren Einfluss auf die nächste Generation.' },
-  { question: 'Kann Drift Selektion übertreffen?', answer: 'Ja. Ein vorteilhaftes Merkmal kann durch Zufall verschwinden, wenn die Drift stark genug ist.' },
-  { question: 'Was bedeutet Fitness in diesem Simulator?', answer: 'Fitness ist eine vereinfachte Kennzahl dafür, wie gut die Population an die Umgebung angepasst ist.' },
-  { question: 'Warum ist die Populationsgröße so wichtig?', answer: 'Sie bestimmt, wie stark Zufall die Allelfrequenzen beeinflusst.' },
-  { question: 'Wann sollte ich diesen Simulator benutzen?', answer: 'Wenn du die Intuition hinter Evolution verstehen willst, besonders den Unterschied zwischen Selektion und Drift.' },
-];
-
-export const content: NaturalSelectionLocaleContent = {
-  slug,
-  title,
-  description,
-  ui: {
-    population: 'Populationsgröße',
-    generations: 'Generationen',
-    mutationRate: 'Mutationsrate',
-    selectionPressure: 'Selektionsdruck',
-    driftIntensity: 'Driftintensität',
-    alleleCount: 'Startallele',
-    innovationRate: 'Innovationsrate',
-    run: 'Simulation starten',
-    dominantTrait: 'Dominantes Merkmal',
-    fitness: 'Endfitness',
-    diversity: 'Genetische Vielfalt',
-    evolutionConsole: 'Evolution-Konsole',
-    populationLabel: 'Population',
-    aliveLabel: 'lebend',
-    alleleCountsLabel: 'Allelzahlen',
-    alleleDefault: 'Allel 1',
-    populationValueLabel: 'Population',
-  },
+import { bibliography } from '../bibliography';
+import type { NaturalSelectionLocaleContent } from '../entry';
+
+const slug = 'simulator-natuerliche-selektion-genetische-drift';
+const title = 'Simulator für natürliche Selektion und genetische Drift';
+const description =
+  'Beobachte in Echtzeit, wie Selektionsdruck, Mutation, Drift und Fortpflanzung die Allelfrequenzen verändern.';
+
+const howTo = [
+  { name: 'Population festlegen', text: 'Wähle eine kleine oder große Population, um den Einfluss der Stichprobe zu sehen.' },
+  { name: 'Selektion und Drift einstellen', text: 'Erhöhe den Selektionsdruck oder die Drift, um andere Evolutionsverläufe zu sehen.' },
+  { name: 'Generationen beobachten', text: 'Starte die Simulation und vergleiche dominantes Merkmal, Fitness und Vielfalt über die Zeit.' },
+  { name: 'Ergebnisse deuten', text: 'Nutze die Metriken, um zu verstehen, wann Anpassung gewinnt und wann Zufall dominiert.' },
+];
+
+const faq = [
+  { question: 'Was ist der Unterschied zwischen natürlicher Selektion und genetischer Drift?', answer: 'Natürliche Selektion ist nicht zufällig. Vorteilhafte Merkmale werden häufiger. Genetische Drift ist eine zufällige Veränderung der Allelfrequenzen, besonders stark in kleinen Populationen.' },
+  { question: 'Warum verändern sich kleine Populationen schneller?', answer: 'Bei wenigen Individuen hat Zufall einen größeren Einfluss auf die nächste Generation.' },
+  { question: 'Kann Drift Selektion übertreffen?', answer: 'Ja. Ein vorteilhaftes Merkmal kann durch Zufall verschwinden, wenn die Drift stark genug ist.' },
+  { question: 'Was bedeutet Fitness in diesem Simulator?', answer: 'Fitness ist eine vereinfachte Kennzahl dafür, wie gut die Population an die Umgebung angepasst ist.' },
+  { question: 'Warum ist die Populationsgröße so wichtig?', answer: 'Sie bestimmt, wie stark Zufall die Allelfrequenzen beeinflusst.' },
+  { question: 'Wann sollte ich diesen Simulator benutzen?', answer: 'Wenn du die Intuition hinter Evolution verstehen willst, besonders den Unterschied zwischen Selektion und Drift.' },
+];
+
+export const content: NaturalSelectionLocaleContent = {
+  slug,
+  title,
+  description,
+  ui: {
+    population: 'Populationsgröße',
+    generations: 'Generationen',
+    mutationRate: 'Mutationsrate',
+    selectionPressure: 'Selektionsdruck',
+    driftIntensity: 'Driftintensität',
+    alleleCount: 'Startallele',
+    innovationRate: 'Innovationsrate',
+    run: 'Simulation starten',
+    dominantTrait: 'Dominantes Merkmal',
+    fitness: 'Endfitness',
+    diversity: 'Genetische Vielfalt',
+    evolutionConsole: 'Evolution-Konsole',
+    populationLabel: 'Population',
+    aliveLabel: 'lebend',
+    alleleCountsLabel: 'Allelzahlen',
+    alleleDefault: 'Allel 1',
+    populationValueLabel: 'Population',
+  },
   seo: [
-    {
-      type: 'title',
-      text: 'Natürliche Selektion vs. Genetische Drift: Evolution in einer lebenden Population verstehen',
-      level: 2,
-    },
+    {
+      type: 'title',
+      text: 'Natürliche Selektion vs. Genetische Drift: Evolution in einer lebenden Population verstehen',
+      level: 2,
+    },
     {
       type: 'paragraph',
       html:
         'Wenn du den Unterschied zwischen natürlicher Selektion und genetischer Drift verstehen willst, bietet dieser Simulator die visuelle Ebene. Anstatt statische Definitionen zu lesen, beobachtest du eine Population in Echtzeit.',
     },
-    {
-      type: 'title',
-      text: 'Was die Regler bedeuten und warum sie wichtig sind',
-      level: 3,
-    },
-    {
-      type: 'paragraph',
-      html:
-        'Natürliche Selektion ist der nicht-zufällige Teil der Evolution. Sie erhöht die Häufigkeit von Merkmalen, die Überleben oder Fortpflanzung verbessern. Genetische Drift ist der zufällige Teil.',
-    },
-    {
-      type: 'paragraph',
-      html:
-        'Beide Kräfte wirken gleichzeitig. In großen Populationen dominiert meist die Selektion, in kleinen Populationen kann der Zufall nützliche Merkmale auslöschen.',
-    },
-    {
-      type: 'title',
-      text: 'Wie man die Ergebnisse der Simulation liest',
-      level: 3,
-    },
-    {
-      type: 'paragraph',
-      html:
-        'Die Live-Metriken zeigen das dominante Merkmal, die genetische Vielfalt, die Endfitness und ob die Population wächst oder kollabiert.',
-    },
-    {
-      type: 'title',
-      text: 'Warum die Populationsgröße die Geschichte verändert',
-      level: 3,
-    },
-    {
-      type: 'list',
-      items: [
-        '<strong>Selektionsdruck:</strong> Wie stark das Umfeld ein Merkmal bevorzugt.',
-        '<strong>Driftintensität:</strong> Wie stark Zufallsschwankungen die Population beeinflussen.',
-        '<strong>Mutationsrate:</strong> Wie oft neue Variationen entstehen.',
-        '<strong>Anzahl der Allele:</strong> Ursprüngliche Allelvielfalt im System.',
-        '<strong>Genetische Vielfalt:</strong> Warum Variation das Rohmaterial der Evolution ist.',
-      ],
-    },
     {
       type: 'paragraph',
-      html:
-        'Ein praktisches Werkzeug zum Verständnis von Selektion, Drift und Mutation in biologischen Systemen.',
-    },
-    {
-      type: 'title',
-      text: 'Schnelle Beispiele zum Ausprobieren',
-      level: 3,
-    },
-    {
-      type: 'table',
-      headers: ['Ziel', 'Änderung', 'Erwartetes Ergebnis'],
-      rows: [
-        [
-          'Selektion zeigen',
-          'Selektionsdruck erhöhen und Drift senken',
-          'Ein Allel dominiert schrittweise und die Vielfalt sinkt langsamer',
-        ],
-        [
-          'Zufall zeigen',
-          'Populationsgröße senken und Drift erhöhen',
-          'Zufällige Schwankungen der Allele ohne klaren Fitnessvorteil',
-        ],
-        [
-          'Mutation zeigen',
-          'Mutationsrate erhöhen',
-          'Neue Allele entstehen regelmäßig',
-        ],
-      ],
-    },
-    {
-      type: 'paragraph',
-      html:
-        'Die Kombination aus visueller Darstellung und Echtzeitmetriken erleichtert das Verständnis evolutiver Prozesse.',
-    },
-  ],
-  faq,
-  bibliography,
-  howTo,
-  schemas: [
-    {
-      '@context': 'https://schema.org',
-      '@type': 'SoftwareApplication',
-      name: title,
-      description,
-      applicationCategory: 'EducationalApplication',
-      operatingSystem: 'Any',
-    },
-    {
-      '@context': 'https://schema.org',
-      '@type': 'FAQPage',
-      mainEntity: faq.map((item) => ({
-        '@type': 'Question',
-        name: item.question,
-        acceptedAnswer: { '@type': 'Answer', text: item.answer },
-      })),
-    },
-    {
-      '@context': 'https://schema.org',
-      '@type': 'HowTo',
-      name: title,
-      step: howTo.map((step) => ({
-        '@type': 'HowToStep',
-        name: step.name,
-        text: step.text,
-      })),
-    },
-  ],
-};
+      html: 'Verändere Populationsgröße, Fitnessvorteil und Startverteilung, um beide Prozesse getrennt zu beobachten. Selektion hängt von unterschiedlichen Fortpflanzungschancen ab, während Drift durch Zufallsstichproben besonders in kleinen Populationen sichtbar wird. Wiederhole Läufe mit gleichem Aufbau, denn einzelne Simulationen sind keine Vorhersage für eine reale Population. Vergleiche mehrere Durchläufe und achte darauf, ob ein Merkmal wegen eines Vorteils häufiger wird oder nur durch Zufall erhalten bleibt.',
+    },
+    {
+      type: 'title',
+      text: 'Was die Regler bedeuten und warum sie wichtig sind',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html:
+        'Natürliche Selektion ist der nicht-zufällige Teil der Evolution. Sie erhöht die Häufigkeit von Merkmalen, die Überleben oder Fortpflanzung verbessern. Genetische Drift ist der zufällige Teil.',
+    },
+    {
+      type: 'paragraph',
+      html:
+        'Beide Kräfte wirken gleichzeitig. In großen Populationen dominiert meist die Selektion, in kleinen Populationen kann der Zufall nützliche Merkmale auslöschen.',
+    },
+    {
+      type: 'title',
+      text: 'Wie man die Ergebnisse der Simulation liest',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html:
+        'Die Live-Metriken zeigen das dominante Merkmal, die genetische Vielfalt, die Endfitness und ob die Population wächst oder kollabiert.',
+    },
+    {
+      type: 'title',
+      text: 'Warum die Populationsgröße die Geschichte verändert',
+      level: 3,
+    },
+    {
+      type: 'list',
+      items: [
+        '<strong>Selektionsdruck:</strong> Wie stark das Umfeld ein Merkmal bevorzugt.',
+        '<strong>Driftintensität:</strong> Wie stark Zufallsschwankungen die Population beeinflussen.',
+        '<strong>Mutationsrate:</strong> Wie oft neue Variationen entstehen.',
+        '<strong>Anzahl der Allele:</strong> Ursprüngliche Allelvielfalt im System.',
+        '<strong>Genetische Vielfalt:</strong> Warum Variation das Rohmaterial der Evolution ist.',
+      ],
+    },
+    {
+      type: 'paragraph',
+      html:
+        'Ein praktisches Werkzeug zum Verständnis von Selektion, Drift und Mutation in biologischen Systemen.',
+    },
+    {
+      type: 'title',
+      text: 'Schnelle Beispiele zum Ausprobieren',
+      level: 3,
+    },
+    {
+      type: 'table',
+      headers: ['Ziel', 'Änderung', 'Erwartetes Ergebnis'],
+      rows: [
+        [
+          'Selektion zeigen',
+          'Selektionsdruck erhöhen und Drift senken',
+          'Ein Allel dominiert schrittweise und die Vielfalt sinkt langsamer',
+        ],
+        [
+          'Zufall zeigen',
+          'Populationsgröße senken und Drift erhöhen',
+          'Zufällige Schwankungen der Allele ohne klaren Fitnessvorteil',
+        ],
+        [
+          'Mutation zeigen',
+          'Mutationsrate erhöhen',
+          'Neue Allele entstehen regelmäßig',
+        ],
+      ],
+    },
+    {
+      type: 'paragraph',
+      html:
+        'Die Kombination aus visueller Darstellung und Echtzeitmetriken erleichtert das Verständnis evolutiver Prozesse.',
+    },
+  ],
+  faq,
+  bibliography,
+  howTo,
+  schemas: [
+    {
+      '@context': 'https://schema.org',
+      '@type': 'SoftwareApplication',
+      name: title,
+      description,
+      applicationCategory: 'EducationalApplication',
+      operatingSystem: 'Any',
+    },
+    {
+      '@context': 'https://schema.org',
+      '@type': 'FAQPage',
+      mainEntity: faq.map((item) => ({
+        '@type': 'Question',
+        name: item.question,
+        acceptedAnswer: { '@type': 'Answer', text: item.answer },
+      })),
+    },
+    {
+      '@context': 'https://schema.org',
+      '@type': 'HowTo',
+      name: title,
+      step: howTo.map((step) => ({
+        '@type': 'HowToStep',
+        name: step.name,
+        text: step.text,
+      })),
+    },
+  ],
+};