I have released a new custom control on OpenNTF: TimeGlider.

Timeglider is a zooming, panning data-driven timeline — great for history projects, project planning, and much more.

The timeline can be zoomed by dragging the vertical slider at right: up for zooming in (less time shown) and down for zooming out (more time shown). The mousewheel also works as a zoom controller. Any white area on the “stage” of the timeline can be dragged left and right, as can the blue “ruler” which marks out different units of time. Clicking on an event brings up a small modal window with a description and links if any are provided in the data.

Timeglider timelines can load directly from data you provide in a view.

It uses jQuery and an open-source timeline component ( http://timeglider.com/jquery/?p=intro )

The control works best in modern browsers like Safari, Chrome and Firefox. It has some problems rendering correctly in IE. No surprise is that.

I have only included the compressed version of zhe javascript components. You can download the uncompressed version from the above link.