style(dashboard): rebuild Cycle Time charts in Recharts to match Stabilization#98
Merged
Conversation
…ilization
The two per-repo Cycle Time charts ("% PRs Merged within 1 Day" and
"Cycle Time Distribution") were hand-rolled CSS bars; the prior tweak
only thickened them, which wasn't the ask. Rebuild both with the same
Recharts horizontal-bar pattern as the Stabilization Distribution chart:
category Y-axis of repo names, % X-axis with dashed gridlines, fixed
200px container, and the existing color ramp / bucket palette via CSS
vars.
- Ranking: single bar per repo (% merged within 1 day), color-ramped.
- Distribution: stacked bar per repo, buckets normalized to 100%, with
the legend kept below and a per-bucket tooltip.
Both sorted fastest→slowest so the two charts align row-for-row.
No data or types changed — same CycleTimeData.perRepo input.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
trentas
added a commit
that referenced
this pull request
Jun 11, 2026
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
trentas
added a commit
that referenced
this pull request
Jun 11, 2026
* fix(platform): sync dashboard footer version (v1.4.3) The footer renders platform/package.json's version via NEXT_PUBLIC_BUILD_VERSION, but that file was never part of the release checklist, so it sat at 1.0.7 while the product shipped v1.4.x. Bump it to the product version and add platform/package.json to the release checklist so the footer tracks releases going forward. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> * docs(changelog): note the Cycle Time chart restyle (#98) in v1.4.3 Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> --------- Co-authored-by: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
|
Plan Error |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Rebuilds the two per-repo Cycle Time charts in the same Recharts format as the Stabilization Distribution chart — which is what "same look and feel" actually meant (the earlier bar-thickness tweak missed it).
Before → after
<div>row per repo, fixed bar height).BarChart,layout="vertical", with:var(--color-*)palette and color ramp,Identical structure to
DeliveryQuality's Stabilization Distribution.% PRs Merged within 1 Day — by Repo
Single bar per repo (share merged within a day), color-ramped green→orange by speed.
Cycle Time Distribution — by Repo
Stacked bar per repo, the 5 cycle-time buckets normalized to 100%, legend kept below, per-bucket tooltip. Both charts sorted fastest→slowest so they align row-for-row.
Notes
CycleTimeData.perRepoinput.tsc, ESLint, Prettier clean;next buildcompiles.👉 The Vercel preview deploy is the way to confirm it now looks like the Stabilization chart. If the Y-axis width (170px) feels tight in the half-width cards, say the word and I'll trim it.
🤖 Generated with Claude Code