Javascript Timeline Libaries - A Review

最新推荐文章于 2024-08-16 09:08:33 发布

woshizoe

最新推荐文章于 2024-08-16 09:08:33 发布

阅读量891

点赞数

http://okfnlabs.org/blog/2012/12/04/javascript-timeline-libaries-a-review.html

This post is a rough and ready overview of various javascript timeline libraries that arose from research in creating a timeline view for Recline JS. Note this material hung around on my hard disk for a few months so some of it may already be a little bit out of date!

October 2013: We have released TimeMapper a new online app for creating Timelines and TimeMaps quickly and easily. Check it out at http://timemapper.okfnlabs.org/

I want to start with a general comment. Timeline libraries consist of various components:

Data loading
- Date parsing
Band (timeline) rendering
Showing render info on individual items

For me a timeline visualization library need only be the second of these but most that I’ve come across do more.

In fact a major issue in my opinion with most libraries is that they are under-componentized - they don’t separate cleanly into these different components and end up doing everything.

To take one example, the Verite timeline (in my view is one of the best libraries out there) has a whole bunch of its own custom date parsing built in inside an internal utility library which are hard to override or replace and also has a large chunk of code just for loading from google docs and other data sources. (You can of course somewhat solve this somewhat – as I do in Recline by parsing the dates directly and then submitting in a standardized form).

In my view, even if library authors do want to include these sorts of things, it would be good to do it in a way that allowed for a clean separation so that you could just use the parts you wanted (and/or over-ride parts more cleanly).

Propublica Timeline Setter

http://propublica.github.com/timeline-setter/
HTML + JS
- But Requires a build step (using ruby)
Very simple and compact design (nice!)

Verite Timeline

http://timeline.verite.co/
Very elegant frontend design
2 bands in timeline segment and tight integration of item display
Includes much more than Timeline (e.g. sourcing data from google docs etc)
Mozilla Public License (was GPL)

Simile Timeline

http://www.simile-widgets.org/timeline/
The original open-source JS timeline but less regularly update and maintained today: “As of Spring 2012, Exhibit is the only Simile widget seeing active development.” and the timeline control has not been updated since 2009 (see this stackoverflow question for more