edbeeching HF Staff commited on
Commit
d7c21b7
·
verified ·
1 Parent(s): bde61b0

Add four Trackio interface comparisons

Browse files
.gitattributes CHANGED
@@ -33,3 +33,11 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
33
  *.zip filter=lfs diff=lfs merge=lfs -text
34
  *.zst filter=lfs diff=lfs merge=lfs -text
35
  *tfevents* filter=lfs diff=lfs merge=lfs -text
 
 
 
 
 
 
 
 
 
33
  *.zip filter=lfs diff=lfs merge=lfs -text
34
  *.zst filter=lfs diff=lfs merge=lfs -text
35
  *tfevents* filter=lfs diff=lfs merge=lfs -text
36
+ comparisons/command-desktop.png filter=lfs diff=lfs merge=lfs -text
37
+ comparisons/command-mobile.png filter=lfs diff=lfs merge=lfs -text
38
+ comparisons/charts-desktop.png filter=lfs diff=lfs merge=lfs -text
39
+ comparisons/charts-mobile.png filter=lfs diff=lfs merge=lfs -text
40
+ comparisons/diagnostics-desktop.png filter=lfs diff=lfs merge=lfs -text
41
+ comparisons/diagnostics-mobile.png filter=lfs diff=lfs merge=lfs -text
42
+ comparisons/pulse-desktop.png filter=lfs diff=lfs merge=lfs -text
43
+ comparisons/pulse-mobile.png filter=lfs diff=lfs merge=lfs -text
README.md CHANGED
@@ -7,4 +7,68 @@ tags:
7
  hf_oauth: true
8
  hf_oauth_scopes:
9
  - write-repos
10
- ---
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
7
  hf_oauth: true
8
  hf_oauth_scopes:
9
  - write-repos
10
+ ---
11
+
12
+ # Trackio interface experiments
13
+
14
+ Four public, read-only interface concepts consume the live data in this Space. They share the same API client, metric definitions, run colors, numeric formatting, URL state, and 30-second refresh cycle so the comparison focuses on information architecture and presentation.
15
+
16
+ | Concept | Best for | Live Space |
17
+ | --- | --- | --- |
18
+ | Command Center | Continuous training operations | [Open Command Center](https://huggingface.co/spaces/edbeeching/trackio-ops-command) |
19
+ | Chart Wall | Comparing curve shape across runs | [Open Chart Wall](https://huggingface.co/spaces/edbeeching/trackio-ops-charts) |
20
+ | Diagnostics Workbench | Focus-run and baseline investigation | [Open Diagnostics](https://huggingface.co/spaces/edbeeching/trackio-ops-diagnostics) |
21
+ | Pulse | Fast status checks and mobile use | [Open Pulse](https://huggingface.co/spaces/edbeeching/trackio-ops-pulse) |
22
+
23
+ ## Desktop comparison
24
+
25
+ ### 1. Command Center
26
+
27
+ [![Command Center desktop](comparisons/command-desktop.png)](https://huggingface.co/spaces/edbeeching/trackio-ops-command)
28
+
29
+ ### 2. Chart Wall
30
+
31
+ [![Chart Wall desktop](comparisons/charts-desktop.png)](https://huggingface.co/spaces/edbeeching/trackio-ops-charts)
32
+
33
+ ### 3. Diagnostics Workbench
34
+
35
+ [![Diagnostics desktop](comparisons/diagnostics-desktop.png)](https://huggingface.co/spaces/edbeeching/trackio-ops-diagnostics)
36
+
37
+ ### 4. Pulse
38
+
39
+ [![Pulse desktop](comparisons/pulse-desktop.png)](https://huggingface.co/spaces/edbeeching/trackio-ops-pulse)
40
+
41
+ ## Design review
42
+
43
+ Scores are a first-pass design review on a 1–5 scale, where higher is stronger. “Simplicity” scores the ease of maintaining the concept rather than the number of features. Desktop and 390 px mobile captures used the same project and selected runs.
44
+
45
+ | Concept | Scanability | Anomaly discovery | Run comparison | Density | Responsive | Accessibility | Simplicity |
46
+ | --- | ---: | ---: | ---: | ---: | ---: | ---: | ---: |
47
+ | Command Center | 5 | 5 | 4 | 5 | 4 | 4 | 3 |
48
+ | Chart Wall | 5 | 4 | 5 | 4 | 4 | 4 | 4 |
49
+ | Diagnostics | 4 | 5 | 5 | 4 | 4 | 4 | 3 |
50
+ | Pulse | 5 | 3 | 3 | 5 | 5 | 5 | 4 |
51
+
52
+ ### Recommendation
53
+
54
+ Use **Command Center** as the base for a production training-operations interface. It exposes outcome, throughput, timing, and queue signals simultaneously and requires the fewest navigation steps during a live run.
55
+
56
+ For a follow-up iteration, keep its status strip and system rail, then add:
57
+
58
+ - Chart Wall's metric-group tabs for focused exploration.
59
+ - Diagnostics' explicit focus-versus-baseline workflow as a drill-down view.
60
+ - Pulse's run-progress header and compact mobile cards.
61
+
62
+ ## Mobile captures
63
+
64
+ | Command Center | Chart Wall | Diagnostics | Pulse |
65
+ | --- | --- | --- | --- |
66
+ | ![Command Center mobile](comparisons/command-mobile.png) | ![Chart Wall mobile](comparisons/charts-mobile.png) | ![Diagnostics mobile](comparisons/diagnostics-mobile.png) | ![Pulse mobile](comparisons/pulse-mobile.png) |
67
+
68
+ ## Validation
69
+
70
+ - All four Spaces load the canonical project and its three current runs without browser console errors.
71
+ - Run selection updates the shared `run_ids` URL state.
72
+ - Chart metric-group switching updates both visible metrics and `metric_group` URL state.
73
+ - All four layouts have no document-level horizontal overflow at 390 px.
74
+ - The frontends call only Trackio read endpoints; no mutation controls are exposed.
comparisons/charts-desktop.png ADDED

Git LFS Details

  • SHA256: bf389e3849b77df2f20d581f1db841ed8b156f994213184314e86b3f62faac19
  • Pointer size: 131 Bytes
  • Size of remote file: 154 kB
comparisons/charts-mobile.png ADDED

Git LFS Details

  • SHA256: 99003909bd2f98fdc3aa370d15d87a805b24252683d8d3ae518966337e6adf76
  • Pointer size: 131 Bytes
  • Size of remote file: 130 kB
comparisons/command-desktop.png ADDED

Git LFS Details

  • SHA256: 3864b39b15775f0f1d9eaabddd36b06b8bb92f0f48b3422abd533392c593b099
  • Pointer size: 131 Bytes
  • Size of remote file: 178 kB
comparisons/command-mobile.png ADDED

Git LFS Details

  • SHA256: f80c55694910fe84d71d005da2a93e1890f3fe2fba81950b4708b79bd7329d30
  • Pointer size: 131 Bytes
  • Size of remote file: 143 kB
comparisons/diagnostics-desktop.png ADDED

Git LFS Details

  • SHA256: 330289dcb02d86b89ab279500942784d74e7c55313eb7765b2da4fa707994799
  • Pointer size: 131 Bytes
  • Size of remote file: 141 kB
comparisons/diagnostics-mobile.png ADDED

Git LFS Details

  • SHA256: b274a9dd73dad76bc3d61061d1e40867e3900492535209112bdcf4e3313fd843
  • Pointer size: 131 Bytes
  • Size of remote file: 135 kB
comparisons/pulse-desktop.png ADDED

Git LFS Details

  • SHA256: 44c714e011607d827679483dcb26270aec03ecd13010bef7cb2c83c73ec024d1
  • Pointer size: 131 Bytes
  • Size of remote file: 135 kB
comparisons/pulse-mobile.png ADDED

Git LFS Details

  • SHA256: b69fea635bc6c5430ff1fbf23134262953a71fc3dc61771f29547e34bd7c8c57
  • Pointer size: 131 Bytes
  • Size of remote file: 117 kB