Drill: 8 states: one table component, all 8 states (loading skeleton, empty, error, partial, filtered-empty, sorted, selected, overflow). Each state must be correct.
Interpretation: Re-drilled the 8-states pattern on a fresh component type: an ML experiment tracking table (Weights & Biases / MLflow style) with run name, model, dataset, loss, accuracy, status, duration, GPU. Each state gets a domain-specific framing (filtered-empty = no failed runs above 95% acc, overflow = 8 metric columns exceed viewport). Light lab-notebook theme, Inter + JetBrains Mono, one indigo accent + 4 status hues each paired with a distinct shape for colorblind redundancy.
One component, eight states. Each state must read correctly from its shape alone — before you read a word of text.
| Run | Loss | Acc | Status | Dur |
|---|---|---|---|---|
| Run | Loss | Acc | Status | Dur | |
|---|---|---|---|---|---|
No experiments yetWhen you launch a training run, it appears here with live metrics, logs, and artifacts. Start a run ⌘R | |||||
| Run | Loss | Acc | Status | Dur | |
|---|---|---|---|---|---|
Couldn't reach the tracking serverThe metrics backend didn't respond in time. Your queued and running jobs are unaffected — only the dashboard view failed to load. req_8f3a2b9c · trace 5f01e2d4
| |||||
| Run | Loss | Acc | Status | Dur |
|---|---|---|---|---|
| amber-sunset-42 | 0.1842 | 94.12% | done | 2h 14m |
| violet-mist-07 | 0.2103 | 93.40% | done | 3h 02m |
| olive-cove-19 | 0.1677 | 94.88% | running | 1h 38m |
| Run | Loss | Acc | Status | Dur | |
|---|---|---|---|---|---|
No runs match these filtersNo failed run broke 95% accuracy — which is exactly what you want. Loosen a filter to widen the search. Clear all filters | |||||
| Run | Loss ▲ | Acc ↕ | Status | Dur |
|---|---|---|---|---|
| olive-cove-19 | 0.1677 | 94.88% | running | 1h 38m |
| amber-sunset-42 | 0.1842 | 94.12% | done | 2h 14m |
| slate-fjord-88 | 0.1991 | 93.85% | done | 1h 51m |
| violet-mist-07 | 0.2103 | 93.40% | done | 3h 02m |
| Run | Loss | Acc | Status | Dur |
|---|---|---|---|---|
| amber-sunset-42 | 0.1842 | 94.12% | done | 2h 14m |
| olive-cove-19 | 0.1677 | 94.88% | running | 1h 38m |
| slate-fjord-88 | 0.1991 | 93.85% | done | 1h 51m |
| violet-mist-07 | 0.2103 | 93.40% | done | 3h 02m |
| Run | Model | Dataset | Loss | Acc | Status | Dur | GPU |
|---|---|---|---|---|---|---|---|
| amber-sunset-42 | resnet50 | cifar-10 | 0.1842 | 94.12% | done | 2h 14m | A100 |
| olive-cove-19 | convnext | imagenet | 0.1677 | 94.88% | running | 1h 38m | A100 |
| violet-mist-07 | vit-base | imagenet | 0.2103 | 93.40% | done | 3h 02m | V100 |
Set in Inter & JetBrains Mono. Body 14/21. One indigo accent, four data-semantic status hues (each paired with a distinct shape). No gridlines — depth from hairline rules and tint. Each state below reads from its shape before its words.