最佳的JavaScript库用于创建交互式流程图

14

我想创建一个由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,所以我学了一点,它很棒。

还有其他值得考虑的库吗?

如果Raphael适合这个任务,那么它是否是广泛使用的库?如果我要学习新技能,最好学习流行的代码,这样我就可以在获得不同的工作时重新应用它,而不是一些我永远不会使用或没有人再需要我使用的奇特东西。


嘿@Dale,你最终决定了什么?我想知道有哪些可视化“交互式决策树”工具,就像纽约时报页面上的那样。我认为这里的答案很好,但似乎对于这样一个常见的东西,应该有更多的工具可以插入树形数据并开始美化。如果没有,你有兴趣参与开源项目吗?我想创建一个初学者农民指南,以土壤类型、降雨量、PH值、想要种植的作物等为基础,帮助新农民轻松学习如何准备土壤。 - Rob Barreca
1
讨厌当霸主关闭东西。这是极具建设性的,霸主们,请停止这样做。 - user1130176
3个回答

5
考虑使用 D3JS 进行数据可视化,如果您想深入了解。该网站上有大量漂亮的示例和教程。
PS:据我所知,创建者 Mike Bostock 目前在纽约时报工作 ;)

1
不确定 d3js 如何适用于流程图。流程图涉及很多结构,使用表格数据文件制作会很困难。请提供一个示例来说明吗? - AbdealiJK

3

对于像纽约时报的例子这样简单的东西,没有什么可以阻止您使用几张箭头图片和jquery .slideDown()来完成。它肯定比使用更大的矢量库更轻便,并且可以在古老的浏览器中使用。


1

我认为Raphael js库非常强大。同时,我建议您也可以看一下ExtJs 4 - 它也有很棒的示例(当然,如果您需要的不仅仅是图表)...


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接