Skip to content

Add per-line colors and layer ordering to Graph View - #221

Open
mxtmx wants to merge 2 commits into
acmerobotics:masterfrom
6165-MSET-Cuttlefish:graph-color-layering
Open

mxtmx wants to merge 2 commits into
acmerobotics:masterfrom
6165-MSET-Cuttlefish:graph-color-layering

Conversation

@mxtmx

@mxtmx mxtmx commented Jul 30, 2026 •

Copy link
Copy Markdown
Contributor

Graph View handed out line colors by position and drew series in whatever order telemetry keys arrived in. Both are configurable now, from a new "Lines" section under "Telemetry to graph".

  • Click a line's swatch for 32 Tailwind presets, a native color input, or a typed hex. Reset restores the automatic color.
  • Drag a row or use its up/down buttons to reorder. The first line is drawn in front of the others and is listed first in the graph key.
  • Both work while the graph is running, via the palette icon in the header.
  • The Lines list shows only selected keys the current op mode is sending.

Notes

  • MultipleCheckbox had to become controlled. Left uncontrolled, its internal selected state overwrites the layer order every time another key gets checked.
  • Graph takes two new options, seriesOrder and seriesColors. Before this change renderGraphLines indexed into the palette while renderKey read a color stored on the series, so the key and the plot could disagree about a line. Both go through one lookup now.
  • GraphCanvas repaints once while paused, so edits show without resuming. Colors and order are component state and reset on reload.
  • Space on a focused Graph header button presses the button rather than pausing.
graph-colors-layering.mp4

@mxtmx
mxtmx force-pushed the graph-color-layering branch from 70e9c34 to 2b56e91 Compare September 7, 2026 21:53
mxtmx added a commit to 6165-MSET-Cuttlefish/slothboard that referenced this pull request Sep 23, 2026
mxtmx added a commit to 6165-MSET-Cuttlefish/slothboard that referenced this pull request Sep 30, 2026

This branch has not been deployed

No deployments
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