104 lines
3.6 KiB
HTML
104 lines
3.6 KiB
HTML
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
||
<title>embedding notebook · metrics</title>
|
||
<link rel="stylesheet" href="/static/style.css?v=16" />
|
||
<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" />
|
||
<script>
|
||
(function(){try{
|
||
var t=localStorage.getItem('theme');
|
||
if(!t)t=matchMedia('(prefers-color-scheme: dark)').matches?'dark':'light';
|
||
document.documentElement.setAttribute('data-theme',t);
|
||
}catch(e){}})();
|
||
</script>
|
||
</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>
|
||
<button type="button" class="theme-toggle" id="theme-toggle" aria-label="toggle theme">◐</button>
|
||
</div>
|
||
</header>
|
||
|
||
<section class="metrics-page">
|
||
|
||
<div class="filter-bar">
|
||
<div class="filter-group">
|
||
<span class="ctl-label">dataset</span>
|
||
<div class="chips" id="flt-dataset" aria-label="filter by dataset"></div>
|
||
</div>
|
||
|
||
<div class="filter-group">
|
||
<span class="ctl-label">algorithm</span>
|
||
<div class="chips" id="flt-algo" aria-label="filter by algorithm"></div>
|
||
</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>© 2026 Mind the Math LLC</span>
|
||
<span class="prefect-badge">
|
||
<span class="dot {% if not deployment_id %}bad{% endif %}"></span>
|
||
{% if deployment_id %}prefect · {{ deployment_id[:8] }}{% else %}prefect · unreachable{% endif %}
|
||
</span>
|
||
</footer>
|
||
|
||
<script src="/static/theme.js?v=5"></script>
|
||
<script type="module" src="/static/metrics.js?v=5"></script>
|
||
|
||
</body>
|
||
</html>
|