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