block by mbostock 1483226

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.

Updated Example →

index.html

horizon.js

unemployment.json