Get new jQuery plugins just once a week
July 19, 2012
Chronoline js | Create a Horizontal timeline
Chronoline js is a library for making a chronology timeline out of events on a horizontal timescale.From a list of dates and events, it can generate a graphical representation of schedules, historical events, deadlines, and more.You can create
- Monthly Timelines – The events are automatically stacked compactly when they overlap, whether over a single point or a range. The month labels stick to the edges when you scroll forward and past the first day of the month.
- Quarterly Timeline – Timelines can appear on different scales simply by plugging in one of a few existing defaults or by providing custom functions for it. Additionally, there are different options for how you want (or don’t want) to highlight today on the timeline
- Yearly Timeline – Even at a very large scope, chronoline.js still functions. Events are stacked differently because there isn’t enough space to place them adjacently anymore.
If qtip is used, events also have tooltips.
This timeline generated also has dragging enabled, so click, hold, and drag.
Created by Zanbato
make a chronology timeline out of events on a horizontal timescale
Sign up for our weekly newsletter.