block by john-guerra 8def73e1d1c3306c43dab02a9051f5fb

Horizon Chart

Full Screen

Horizon charts combine position and color to reduce vertical space. Start with a standard area chart, then mirror negative values (in blue) or offset them vertically. Click the + button above to increase the number of bands, turning the area into a horizon.

Implemented with the d3.horizon plugin.

index.html

horizon.js

unemployment.json