...
the data loaded in goes in that left panel and you can drag it in, make new plots on the right, and make different tabs of plots (see top for tabs)
friend seemed pretty happy with plotjuggler: didn’t have any complaints/pain points with it
does require lots of upfront configuration
Our telemetry dashboard should just be ready to go, no configuration required (verify this assumption in user interviews)
We will also require other visualizations like battery pack architecture
Features he liked
can drag to resize plots
can make timestamps line up
change colour of each line
apply filters
turn data/lines visible/invisible
automatically populates data files into the appropriate plot set ups (just keep file names the same)
otherwise, you drag and drop data into the plot setup
intuitive
dragging is bad for trackpad use – this team is in an office and have a computer mouse. Firmware will likely not have this luxury when debugging the car
dragging bad for mobility/accessibility
good to offer an alternative to drag and drop (ie right click → list of plots displayed in dropdown → select from list)
can split up an individual plot into two plots, and lay them out either horizontally or vertically
...
Customer/Operator Dashboard
These are some photos of the telemetry dashboard used by the customers/operators (as opposed to the development team) – this is for a totally different user and application
https://www.youtube.com/watch?v=gt8sCxkrzjg timestamps are 0:45 to 1:00 if you want to see it in action
Bottom image is the screen for the “Inspect” tab. The top image I have no idea which tab it’s on.
The lack of indication as to which tab/display mode you’re on is confusing (and bad UX)
Also note the white on yellow on the (buttons? indicators?) at the very top – contrast is too low
Good to use figma plugin contrast checkers like Stark
Yes they’re aimed at accessibility, but good contrast benefits everyone, especially if you’re a firmware member looking at the display in bright sunlight
...