时间线可视化的SIMILE时间线的替代方案?

时间:2011-01-15 15:36:10

标签: javascript visualization timeline simile

所以我在玩SIMILE Timeline时玩得很开心,但不幸的是,它似乎是all but abandoned(最近关闭的票据是2009年5月)和riddled with memory leaks,特别是当你是dynamically loading and unloading events(在我的情况下尤其如此)。

我是JavaScript的新手,因此调试这些泄漏会变得有点复杂。在我首先用一种我不理解的语言或我从未看过的代码库来解决问题之前,我想知道是否有任何东西与我可以通过时间轴获得的功能集相比较:

  1. 一个频段上的多个事件
    • 而不是拥有10,100,1000 数据,尽可能使用可用空间在一行上容纳多个事件
  2. 滚动
  3. CSS样式到特定事件
    • 如果需要,我可以为每个事件指定特定的图标,字体等。这非常适合突出显示错误事件或有趣事件
  4. 过滤/搜索/高亮
  5. 突出显示一段时间或时间点
    • 这是一个显示“现在”时刻的垂直乐队,或者是一个涵盖时段开始和结束时间的乐队
  6. 我知道很多这些功能可能会被放入FlotHighCharts之类的内容中,但这些东西在我的时间轴中可以免费使用,所以我在权衡是否更容易修复内存泄漏或在没有它的某些库上推出3-4个功能的成本/收益。我的直觉说“修复泄漏,很容易”,但我想知道是否有人可以告诉我的东西,可能是与入世后获得其他10%的低壁垒的方式出现90%。

8 个答案:

答案 0 :(得分:61)

也许您可以使用Almende开发的(开源)CHAP链接库中的时间轴。

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

查看示例以了解您可以使用时间轴执行的操作。它非常灵活,您可以选择创建自己的布局,并在每个单独的事件中使用自己的CSS / HTML。

答案 1 :(得分:42)

查看Timeglider(请参阅http://timeglider.com/jquery/),这是一个开源(MIT),JavaScript(使用jQuery)滚动时间轴在活动开发下。它符合您的前4个要求我相信,但我不清楚您的第5个要求的具体细节。我只用Timeglider进行了一些简单的实验,并且不太了解它,但也许这对你来说是一个潜在的解决方案。

答案 2 :(得分:5)

我们需要Lab 21k的Simile时间线,所以我们拿了源代码,清理它并published it using bower。因此,您不再需要替代方案。

https://github.com/Lab21k/standalone-timeline/

答案 3 :(得分:3)

Timeline项目非常活跃,他们不再使用Google Code了。 Simile小部件现在托管在专用主页上,这里是homepage and documentation of Timeline。请注意,页面上的链接不一致,许多页面仍链接到Google Code和mit.edu wiki页面上过时的wiki。检查维基时请记住这一点。

还有active mailing list on Google Groups

答案 4 :(得分:0)

这可能是目前最好的一个:

http://timeline.verite.co/

答案 5 :(得分:0)

我实际上在我的名为Event Viewpoint的项目中使用Simile时间轴。我已经修复了很多错误并通过我在网上找到的许多贡献来增强它,包括事件的图像,缩放栏和一些其他事件。

这是一项出色的工作,只需要有人花时间更新它并使其更新。这目前超出了我的项目的范围,但如果我有时间在明年左右,我将开始加强它。

如果人们可以恢复项目,添加触摸事件等等,真的会很棒。

如果有人需要来源,我愿意提供。

答案 6 :(得分:0)

他们仍然非常活跃。 David Karger经常更新。现在他们有3.0版本。 您可以在此处找到参考文档: http://simile-widgets.org/wiki/Reference_Documentation_for_Exhibit

代码在这里:https://github.com/simile-widgets/exhibit

答案 7 :(得分:-5)

我不知道你想要什么,但我正在使用this jquery插件,它正在一个动态管理事件的网站中使用。