Mika/max_outlier_analysis
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add max_outlier_visualization/index.html

Browse source
This commit is contained in:
Mika 2026-03-11 12:43:07 +00:00
commit 6013eeccee
1 changed files with 62 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

62
max_outlier_visualization/index.html Normal file
View file

@ -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>