The orange-red line uses "step-before"; the yellow-green line uses "step-after". The orange-red line should precede the blue-cyan line, which uses "linear" interpolation, while the yellow-green line should follow the blue-cyan line.