Skip to content

Dashboard tweaks: transitions, responsive charts, recomp branch#64

Merged
dyreby merged 2 commits into
mainfrom
dashboard-tweaks
Mar 5, 2026
Merged

Dashboard tweaks: transitions, responsive charts, recomp branch#64
dyreby merged 2 commits into
mainfrom
dashboard-tweaks

Conversation

@dyreby

@dyreby dyreby commented Mar 5, 2026

Copy link
Copy Markdown
Contributor

Dashboard visual and UX improvements across both cycle views.

Transitions

  • Fade out/in when switching between Simple and Recompression tabs (0.3s out, 0.6s in)

Charts

  • All charts (cycle diagrams and recuperator profiles) are now responsive — they resize with the container via ResizeObserver, scaling down on narrow screens while keeping their height
  • Cycle diagrams enlarged to 576×336, recuperator profiles to 576×280, stacked vertically
  • State point labels drawn inside hollow white circles instead of floating text — eliminates overlap issues entirely
  • Recompression cycle diagrams now show the recompressor branch (9→10→4) as a dashed line with state 10 labeled
  • Extracted shared buildCurveFromSegments helper to reduce duplication

Layout

  • Recompression Performance and Recuperators tables side by side on wide screens, stacked on mobile
  • State table column headers right-aligned to match the numeric data
  • State Points heading stays fixed while the table scrolls horizontally on mobile

Defaults

  • Recompression recuperator UA defaults changed from 500 to 1000 kW/K

dyreby added 2 commits March 4, 2026 21:49
- Fade transition between Simple and Recompression tabs
- Responsive chart sizing with ResizeObserver for all charts
- Recompression cycle diagrams now show the 9→10→4 recompressor
  branch as a dashed line with state 10 labeled
- State point labels drawn inside hollow circles instead of floating
- Recomp Performance and Recuperators tables side by side on wide screens
- State table headers right-aligned to match numeric columns
- State Points heading stays fixed while table scrolls on mobile
- Default recompression UA values changed from 500 to 1000 kW/K
- Extracted shared buildCurveFromSegments helper
- Add setTimeout fallback for fade transition in case transitionend
  doesn't fire (rapid clicks, skipped transitions)
- Remove duplicate '9' label from recompressor branch start
- Fix fallback branch to not leave state 4 endpoint unlabeled
- Wrap recomp state table in states-scroll div (matches simple cycle)
- Remove dead currentPoints variable from cycle-chart.js
- Clean up extra blank lines in mobile CSS
@dyreby dyreby merged commit 2d2e97e into main Mar 5, 2026
1 check passed
@dyreby dyreby deleted the dashboard-tweaks branch March 5, 2026 02:59
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