block by timelyportfolio 19ec57a6935ca580d00e

Yield Curve Animation with a d3.js brush as slider

Full Screen

Forked from Mike Bostock’s brush as slider example, I use the brush/slider to drive an interactive exploration of the US Yield Curve. I think this is a much more helpful way of showing the data than the animated GIF from Treasury yield curve from the Volcker era through Greenspan, Bernanke, and Yellen.

Original Readme.md

By customizing the display of D3'€™s [brush component](https://github.com/mbostock/d3/wiki/SVG-Controls), you can make a single-handle slider. Or, by using [custom resize handles](/mbostock/4349545), you can make a two-handled slider.

code.R