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

Add result_visualization/index.html

Browse source
This commit is contained in:
Mika 2026-01-26 12:23:41 +00:00
commit 216af84b67
1 changed files with 50 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

50
result_visualization/index.html Normal file
View file

@ -0,0 +1,50 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Gate v0 Result Visualization</title>
<link rel="stylesheet" href="css/style.css">
<script type="module" src="js/app.js" defer></script>
</head>
<body>
<header class="app-header result-visualization-header">
<h1>Gate v0 Result Visualization</h1>
<section aria-label="Run Filter" class="filter-controls">
<label for="run-type-select">Run-Typ:</label>
<select id="run-type-select" name="run-type">
<option value="all">Alle</option>
<option value="pinned">Pinned</option>
<option value="unpinned">Unpinned</option>
</select>
<label for="metric-select">Metrik:</label>
<select id="metric-select" name="metric">
<option value="all">Alle</option>
</select>
<button id="apply-filter-btn">Filter anwenden</button>
</section>
</header>
<section class="filter-panel app-sidebar" aria-label="Filterpanel für Runs und Parameter">
<h2>Run-Auswahl</h2>
<ul id="run-list" class="run-list" aria-live="polite"></ul>
</section>
<main class="app-main overview-section" aria-label="Übersicht der Ergebnisse">
<section class="summary-cards" id="summary-cards" aria-live="polite">
<!-- Dynamische Statistikkarten werden hier eingefügt -->
</section>
</main>
<section class="chart-panel results-chart" aria-label="Diagramme zur Analyse">
<canvas id="results-chart-canvas" aria-label="Ergebnisdiagramm"></canvas>
</section>
<footer class="app-footer" role="contentinfo">
<p>Datenquelle: <a href="/results" target="_blank" rel="noopener noreferrer">/results API</a></p>
<p><a href="/docs" target="_blank" rel="noopener noreferrer">Dokumentation</a></p>
<p>© 2026 Donau2Space.de</p>
</footer>
</body>
</html>