Box plot - stjude/proteinpaint GitHub Wiki

Similar to the violin plot, the box plot (aka whisker plot) displays the distribution of at least one continuous variable. The box plot appears as a tab in the summary plot chart type. Users may either plot one or two continuous variables.

Select calculation descriptions

Whiskers

The whiskers are calculated as Q1 - (1.5 * IQR) and Q3 - (1.5 * IQR), respectively.

Control descriptions

Overlay

Like the other summary plots, users may select a variable to overlay the box plot. The overlay term maybe a continuous term or non-continuous variable if the first variable is a continuous variable.

Order by

Users may choose to order the box plots by the default settings (e.g. number of samples or groups, alphabetical order, etc.) or by median values.

Scale

Choose between showing the values on a linear or log scale.

Orientation

Like the other summary plot, the box plot may display either horizontally or rotate into a vertical position.

Width

Users may increase the width of the overall box plot in pixels.

Plot height and padding

Both the plot height and padding are in pixels. Changing either one changes the individual box plots. The padding refers to the space between the box plots.

Display

The default display draws the box plot(s) in the predefined term color on a white background. For users with other visual needs, there are two other options available:

  • 'Filled' displays the box plots with black lines and the box in the predefined term color.
  • 'Dark mode' adds a black background and changes all text to white and slightly brightens the predefined color for a higher contrast. This is particularly useful when the default plot colors are very light.

Users may change the color by clicking on the box plot label. See more below.

Label menu

Users may interact with the data or individual box plot by clicking on the box plot label. In that menu, options may be available to add a group shown in the Groups tab, a filter shown in the Filter tab, hide the box plot, or use the color picker to change the color.