Skip to content

[peacoqc-rs] Improve plot aesthetics #16

Description

@jrmoynihan
  • Axis labels and ticks: Ensure all QC plots (Time, channel vs events/sec, scatter) have visible axis labels and tick marks with units where applicable (e.g. "Nº of cells per second").
    • Rotated Y-axis labels are acceptable if readable.
    • One, clear font/size for axis labels, a step down for tick labels
    • Consistent padding/margin from the plot area.
    • font-variant-numeric: tabular-nums for tick labels so numbers align.
  • Grid lines: Current fine light-gray grid can look busy with dense data.
    • Consider slightly heavier grid lines or lower contrast so they support reading without dominating.
  • Density in scatter plots: For 2D scatter QC plots (e.g. channel vs channel), consider density representation (e.g. contours, binned color, or alpha) in addition to or instead of raw points where overlap is high.
  • Annotations: Keep annotations like "X% of the data was removed" and "MAD X%" close to the plot (e.g. below title) with consistent font size and contrast.
  • Region shading: Translucent shaded regions (e.g. "low") are clear
    • Ensure legend or in-plot label identifies the "removed events" regions.
  • Contrast and theme: Ensure text and grid use colors that meet contrast guidelines on both light and dark backgrounds if the viewer can switch themes.
  • Legends: Add ability to control legend style (e.g. font size, weight, scale) for consistency.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions