trackio-experiments / README.md
edbeeching's picture
edbeeching HF Staff
Add four Trackio interface comparisons
d7c21b7 verified
|
Raw History Blame Contribute Delete
3.48 kB

A newer version of the Gradio SDK is available: 6.29.1

Upgrade
metadata
emoji: 🎯
sdk: gradio
app_file: app.py
tags:
  - trackio
hf_oauth: true
hf_oauth_scopes:
  - write-repos

Trackio interface experiments

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.

Concept Best for Live Space
Command Center Continuous training operations Open Command Center
Chart Wall Comparing curve shape across runs Open Chart Wall
Diagnostics Workbench Focus-run and baseline investigation Open Diagnostics
Pulse Fast status checks and mobile use Open Pulse

Desktop comparison

1. Command Center

Command Center desktop

2. Chart Wall

Chart Wall desktop

3. Diagnostics Workbench

Diagnostics desktop

4. Pulse

Pulse desktop

Design review

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.

Concept Scanability Anomaly discovery Run comparison Density Responsive Accessibility Simplicity
Command Center 5 5 4 5 4 4 3
Chart Wall 5 4 5 4 4 4 4
Diagnostics 4 5 5 4 4 4 3
Pulse 5 3 3 5 5 5 4

Recommendation

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.

For a follow-up iteration, keep its status strip and system rail, then add:

  • Chart Wall's metric-group tabs for focused exploration.
  • Diagnostics' explicit focus-versus-baseline workflow as a drill-down view.
  • Pulse's run-progress header and compact mobile cards.

Mobile captures

Command Center Chart Wall Diagnostics Pulse
Command Center mobile Chart Wall mobile Diagnostics mobile Pulse mobile

Validation

  • All four Spaces load the canonical project and its three current runs without browser console errors.
  • Run selection updates the shared run_ids URL state.
  • Chart metric-group switching updates both visible metrics and metric_group URL state.
  • All four layouts have no document-level horizontal overflow at 390 px.
  • The frontends call only Trackio read endpoints; no mutation controls are exposed.