block by jeremycflin daa2495d00d2f07c34b7b3dac176a356

Surplus/deficit filled line II

Full Screen

Another example of a surplus/deficit filled line chart. The colour of each section encodes the party that was in power during that period. Uses d3-annotation for labels on hover.

See Surplus/deficit filled line I for how I use a mask colour deficit and surplus areas separately.

This is part of a series of visualisations called My Visual Vocabulary which aims to recreate every visualisation in the FT’s Visual Vocabulary from scratch using D3.

forked from tlfrd‘s block: Surplus/deficit filled line II