最好的javascript库创建和交互流程图

时间:2013-03-17 14:20:14

标签: javascript charts raphael flow

我想创建一个由div元素组成的交互式'问题解决'类型流程图。

我想做一些非常类似纽约时代在这个例子中所做的事情......

http://www.nytimes.com/interactive/2012/06/14/us/how-the-supreme-court-could-rule-on-the-health-care-law.html?ref=us

有人建议Raphael,所以我一直在学习它,这很棒。

还有其他值得考虑的图书馆吗?

如果拉斐尔适合这项任务,它是一个广泛使用的图书馆吗?如果我要学习新技能我最感兴趣的是学习流行的代码,这样我可以用不同的工作来应用它,而不是我从未使用过的一些奇特的东西,或者没有人希望我再次使用它。

非常感谢。

3 个答案:

答案 0 :(得分:4)

如果您想深入了解数据可视化,请考虑D3JS。网站上有很多不错的示例和教程。

PS:就我所知,创造Mike Bostock目前适用于纽约时报;)

答案 1 :(得分:3)

对于像NYTimes这样简单的例子,没有什么能阻止你用箭头和jquery .slideDown()的几张图像来做这件事。它肯定比使用更大的矢量库更轻,并且它在以旧的浏览器中工作。

答案 2 :(得分:1)

我同意Raphael js库是强大的。我也建议你去看看ExtJs 4 - 它也有很酷的例子(当然,如果你还需要其他东西,不仅仅是图表)......