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.

The javascript version has a few goals:

• Functionality on iPads and other touch-enabled devices.
• Easy integration into HTML/JS-based applications and interfaces.
• Complex layout possibilities with customized blocks of HTML for
  any given event.

Requirements: jQuery Framework
Demo: http://timeglider.com/jquery
License: MIT license

Incoming search terms for the article:

• javascript timeline
• timeline javascript
• timeline open source
• open source timeline
• javascript timeline slider
• timeline opensource
• opensource timeline
• timeglider alternative
• timeglider js
• html5 timeglider