Skip to content

feat(gpu-graph): date line labels on GPU comparison rooflines#288

Merged
functionstackx merged 2 commits into
masterfrom
feat/gpu-graph-line-labels
May 3, 2026
Merged

feat(gpu-graph): date line labels on GPU comparison rooflines#288
functionstackx merged 2 commits into
masterfrom
feat/gpu-graph-line-labels

Conversation

@functionstackx
Copy link
Copy Markdown
Contributor

Summary

  • Adds the "Line Labels" legend toggle to the GPU config / comparison-date dashboard graph (GPUGraph), shared with the existing showLineLabels state on the inference scatter chart.
  • Each visible (date, hwKey) roofline gets exactly one label rendered along it. Label text is the date rather than the hw config — the legend already groups by hw and the date is the dimension that distinguishes series within a single GPU comparison view.
  • Mirrors the ScatterGraph implementation: a custom layer dedupes per (date, hwKey) by picking the longest roofline, runs greedy collision avoidance on the interactivity chart (try start → midpoint → 2/3 → endpoint), and falls back to spaced-out endpoint labels for TTFT / E2EL. Zoom updates labels in lockstep with the rooflines. Labels respect the activeDates legend filter so toggling a series off hides its label.

Test plan

  • Inference tab → pick 2+ GPU configs and 2+ comparison dates → expand legend → toggle "Line Labels" — each visible roofline shows its date label, color-matched to the roofline.
  • Untoggle a date in the legend — its label disappears with its roofline.
  • Zoom in/out — labels reposition along with rooflines, no overlap.
  • Switch Y-axis to a cost metric — label color/position updates with the new rooflines.
  • Switch X-axis to "End-to-end Latency" — labels render at the right edge instead of mid-line.
  • Component test gpu-graph.cy.tsx "renders date line labels…" passes (asserts label count, contains date strings, omits hw labels).

🤖 Generated with Claude Code

The "Line Labels" toggle is now available on the GPU config /
comparison-date dashboard graph too, sharing the same showLineLabels
state as the scatter chart. Each visible (date, hwKey) roofline gets
exactly one label rendered along it — text is the **date** rather than
the hw config, since the legend already carries the hw identity in
its grouping and color, and date is the dimension that distinguishes
series within a single GPU comparison view.

Implementation mirrors ScatterGraph: a custom layer dedupes per
(date, hwKey) by picking the longest roofline, runs greedy collision
avoidance on the interactivity chart (try start → midpoint → 2/3 →
endpoint) and falls back to spaced-out endpoint labels for
TTFT / E2EL. Zoom updates labels in lockstep with the rooflines.
Labels respect the activeDates legend filter so toggling a series off
hides its label.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
@vercel
Copy link
Copy Markdown

vercel Bot commented May 3, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
inferencemax-app Ready Ready Preview, Comment May 3, 2026 0:20am

Request Review

Each line label now reads "<hw display label> • <date>" so the chart
is self-contained — the user no longer has to cross-reference the
legend's hw grouping to know which roofline is which GPU. Bumps
LABEL_W from 90 to 160 to give the wider labels enough horizontal
breathing room in the collision-avoidance pass. Component test asserts
both the date strings and the hw display labels appear.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
@functionstackx functionstackx merged commit 9148be7 into master May 3, 2026
11 checks passed
@functionstackx functionstackx deleted the feat/gpu-graph-line-labels branch May 3, 2026 00:29
lalithsagar10 pushed a commit to lalithsagar10/InferenceX-app that referenced this pull request May 5, 2026
…alysisAI#288)

* feat(gpu-graph): add date line labels to GPU comparison rooflines

The "Line Labels" toggle is now available on the GPU config /
comparison-date dashboard graph too, sharing the same showLineLabels
state as the scatter chart. Each visible (date, hwKey) roofline gets
exactly one label rendered along it — text is the **date** rather than
the hw config, since the legend already carries the hw identity in
its grouping and color, and date is the dimension that distinguishes
series within a single GPU comparison view.

Implementation mirrors ScatterGraph: a custom layer dedupes per
(date, hwKey) by picking the longest roofline, runs greedy collision
avoidance on the interactivity chart (try start → midpoint → 2/3 →
endpoint) and falls back to spaced-out endpoint labels for
TTFT / E2EL. Zoom updates labels in lockstep with the rooflines.
Labels respect the activeDates legend filter so toggling a series off
hides its label.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

* fix(gpu-graph): include hw config in line label, not just the date

Each line label now reads "<hw display label> • <date>" so the chart
is self-contained — the user no longer has to cross-reference the
legend's hw grouping to know which roofline is which GPU. Bumps
LABEL_W from 90 to 160 to give the wider labels enough horizontal
breathing room in the collision-avoidance pass. Component test asserts
both the date strings and the hw display labels appear.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

---------

Co-authored-by: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant