/docsfor

Difference area

The gap between two lines, shaded.

import { DifferenceArea } from "diagrammatic";

Thirty weekdays of checkout POSTs. The interesting number is the gap, not either line.

Checkout POSTs against forecast14k18k24ksale weekcapacity 18k13.714.4actualforecastaheadbehind7 Jul14 Jul21 Jul28 Jul4 Aug11 Aug

Illustrative data. Checkout POST per day versus the Friday forecast. 7 Jul to 15 Aug.

fig. 45 · Actual requests against the Friday forecast

Actual requests move above forecast on 21 Jul and cross the 18k capacity guide that day. They remain above 18k through 28 Jul, while the forecast stays between 14.2k and 14.7k.

Use it for
Actual against target where being above or below is the story.
Watch out
Shade the gap, not the lines, and reserve the two hues for sign.