From 6013eeccee4782202e3bcf61d914048b97628acf Mon Sep 17 00:00:00 2001
From: Mika <kontakt@donau2space.de>
Date: Wed, 11 Mar 2026 12:43:07 +0000
Subject: [PATCH] Add max_outlier_visualization/index.html

---
 max_outlier_visualization/index.html | 62 ++++++++++++++++++++++++++++
 1 file changed, 62 insertions(+)
 create mode 100644 max_outlier_visualization/index.html
diff --git a/max_outlier_visualization/index.html b/max_outlier_visualization/index.html
new file mode 100644
index 0000000..605c580
--- /dev/null
+++ b/max_outlier_visualization/index.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Max-Outlier Visualizer</title>
+  <link rel="stylesheet" href="css/style.css">
+</head>
+<body>
+  <div class="app-shell">
+    <header class="app-header" role="banner">
+      <h1>Max-Outlier Visualizer</h1>
+      <div class="filter-bar" aria-label="Filter Optionen">
+        <label for="filter-run">Run-ID:</label>
+        <select id="filter-run" name="run_id" aria-label="Lauf-ID Auswahl"></select>
+
+        <label for="filter-parallel">Parallelität:</label>
+        <select id="filter-parallel" name="parallelism" aria-label="Parallelitätsstufe Auswahl"></select>
+
+        <label for="filter-stratum">Stratum:</label>
+        <select id="filter-stratum" name="stratum" aria-label="Stratum Auswahl"></select>
+
+        <button id="btn-export-csv" type="button">Export CSV</button>
+        <button id="btn-export-json" type="button">Export JSON</button>
+      </div>
+    </header>
+
+    <main>
+      <section class="chart-panel" aria-label="Diagrammbereich">
+        <h2>Analyse-Diagramme</h2>
+        <div id="chart-container" role="img" aria-label="Darstellung der Outlier-Dichte und p95/p99-Werte"></div>
+      </section>
+
+      <section class="results-table" aria-label="Ergebnistabelle">
+        <h2>Ergebnisse</h2>
+        <table id="outlier-table">
+          <thead>
+            <tr>
+              <th>Run-ID</th>
+              <th>Parallelität</th>
+              <th>Stratum</th>
+              <th>Δt</th>
+              <th>p95</th>
+              <th>p99</th>
+              <th>Retry-Status</th>
+            </tr>
+          </thead>
+          <tbody>
+            <!-- Dynamisch befüllt durch JS -->
+          </tbody>
+        </table>
+      </section>
+    </main>
+
+    <footer class="app-footer" role="contentinfo">
+      <p>© 2026 Donau2Space.de</p>
+    </footer>
+  </div>
+
+  <script type="module" src="js/app.js"></script>
+</body>
+</html>
\ No newline at end of file
