Search code examples
javascriptvisualizationtimelinesimile

Alternative to SIMILE Timeline for timeline visualization?

So I have been having lots of fun playing with SIMILE Timeline, but unfortunately, it appears to be all but abandoned (most recently closed ticket May 2009) and riddled with memory leaks, especially when you are dynamically loading and unloading events (which is especially true in my case).

I am a novice in JavaScript, so debugging these leaks is going to be more than a little complicated. Before I dive head-first into fixing a problem in a language I don't understand or a codebase I have never looked at, I want to know if there is anything out there that compares to the feature-set that I can get with Timeline:

  1. Multiple events on one band
    • instead of having 10, 100, 1000 rows of data, use the space available to fit multiple events on one line when possible
  2. Scrollable
  3. CSS styling down to the specific event
    • I can specify a specific icon, font, etc., for each event if I need to. This is great for highlighting error events or interesting events
  4. filtering/searching/highlighting
  5. highlighting a band of time or point in time
    • This would be a vertical band that shows a 'now' moment, or a band that covers a time period's start and end time

I know that alot of these features can probably be put into things such as Flot or HighCharts, but these things were next to free for me to use in Timeline, so I'm weighing the cost/benefit of whether it is easier to fix a memory leak or roll out 3 - 4 features on some library that doesn't have it. My gut says "fix the leak, it's easier", but I would like to know if anyone can show me something that might be 90% of the way there with a low barrier of entry to getting that other 10%.

Solution

  • Check out Timeglider (see http://timeglider.com/jquery/) which is an open source (MIT), JavaScript (uses jQuery) scrolling timeline under active development. It meets your first 4 requirements I believe but I am unclear about the specifics of your 5th requirement. I have only done some simple experiments with Timeglider and don't know it very well but maybe this is a potential solution for you.