Alternative to SIMILE Timeline for timeline visualization?

Nick Klauer picture Nick Klauer · Jan 15, 2011 · Viewed 45.2k times · Source

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%.

Answer

Jos de Jong picture Jos de Jong · Nov 28, 2011

Maybe you can use the Timeline from the (open source) CHAP Links Library, developed by Almende.

http://almende.github.com/chap-links-library/timeline.html

Have a look at the examples to see what you can do with the Timeline. It is quite flexible, you can choose your create your own layout and use your own CSS/HTML in each individual event.