The representation of the values will be appear as blue unfilled boxes. The Pivot-element appears in red. The lower and upper index is represented as blue filled boxes. If two values are swapped there color is temporary changed to green. The part which are currently be sorted are delimited by red lines.

red = Pivot-Element

filled blue = lower and upper index

green = values will be swaped