96 lines
3.2 KiB
HTML
96 lines
3.2 KiB
HTML
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
||
<title>metrics — embedding notebook</title>
|
||
<link rel="stylesheet" href="/static/style.css?v=3" />
|
||
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3' fill='%231f4e5f'/%3E%3C/svg%3E" />
|
||
</head>
|
||
<body>
|
||
|
||
<header class="masthead">
|
||
<div>
|
||
<h1 class="title">embedding notebook <em>— stability metrics</em></h1>
|
||
</div>
|
||
<div class="meta">
|
||
<a href="/" class="masthead-link">← runs</a><br/>
|
||
<span style="color:var(--faint)">{{ prefect_api }}</span>
|
||
</div>
|
||
</header>
|
||
|
||
<section class="metrics-page">
|
||
|
||
<div class="filter-bar">
|
||
<div class="filter-group">
|
||
<span class="ctl-label">dataset</span>
|
||
<select id="flt-dataset" aria-label="filter by dataset">
|
||
<option value="all">all</option>
|
||
</select>
|
||
</div>
|
||
|
||
<div class="filter-group">
|
||
<span class="ctl-label">algorithm</span>
|
||
<select id="flt-algo" aria-label="filter by algorithm">
|
||
<option value="all">all</option>
|
||
</select>
|
||
</div>
|
||
|
||
<div class="filter-group stat-group">
|
||
<span class="ctl-label">travel stat</span>
|
||
<div class="segmented count-4" role="radiogroup" aria-label="travel stat">
|
||
<label><input type="radio" name="stat" value="mean" checked><span>mean</span></label>
|
||
<label><input type="radio" name="stat" value="median"><span>median</span></label>
|
||
<label><input type="radio" name="stat" value="p95"><span>p95</span></label>
|
||
<label><input type="radio" name="stat" value="max"><span>max</span></label>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="filter-count">
|
||
<span id="match-count">0</span> / <span id="total-count">0</span> <span class="muted">runs</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="plots">
|
||
<figure class="plot">
|
||
<figcaption>
|
||
<span class="plot-title">frame-to-frame travel</span>
|
||
<span class="plot-sub">‖ y(t) − y(t−1) ‖ · output 2-D space</span>
|
||
</figcaption>
|
||
<div id="plot-ff" class="plot-area"></div>
|
||
</figure>
|
||
|
||
<figure class="plot">
|
||
<figcaption>
|
||
<span class="plot-title">vs-initial travel</span>
|
||
<span class="plot-sub">‖ y(t) − y(0) ‖ · drift from first timestep</span>
|
||
</figcaption>
|
||
<div id="plot-vi" class="plot-area"></div>
|
||
</figure>
|
||
|
||
<figure class="plot">
|
||
<figcaption>
|
||
<span class="plot-title">kNN retention</span>
|
||
<span class="plot-sub">fraction of input-space k-NN preserved in 2-D (higher = more faithful)</span>
|
||
</figcaption>
|
||
<div id="plot-knn" class="plot-area"></div>
|
||
</figure>
|
||
</div>
|
||
|
||
<div class="legend" id="legend"></div>
|
||
|
||
<div id="empty" class="empty" hidden>
|
||
No metrics to show. Dispatch a run from <a href="/">the form</a> — sidecar JSONs appear in <code>figs/</code> after the flow completes.
|
||
</div>
|
||
|
||
</section>
|
||
|
||
<footer class="colophon">
|
||
<span><span class="k">web</span> · metrics · port 8001</span>
|
||
</footer>
|
||
|
||
<script type="module" src="/static/metrics.js?v=3"></script>
|
||
|
||
</body>
|
||
</html>
|