我在哪里可以找到基于Web的交互式组织结构图API?

时间:2010-05-04 22:13:45

标签: charts svg visualization organization

我希望为大型组织构建基于Web的交互式组织结构图。我有点像ancestry.com上的界面,你可以将鼠标悬停在人物上并平移/缩放,点击不同的节点使它们成为根。

理想情况下,如果人们可以属于多个组织实体(如委员会,工作组等),我会喜欢它。换句话说,API应该支持一般的图形,而不仅仅是树。

我希望能够通过点击它将每个组织子结构直观地分解为取代基,并通过一个漂亮的员工气球或溢出的动画,以便您可以真正地以交互方式深入了解整个组织。

我发现http://code.google.com/apis/visualization/documentation/gallery/orgchart.html但它看起来有点简陋。

我知道有像OrgPlus和Visio这样的桌面工具可以构建静态图表,但我真的在寻找一个免费的,基于Web的API,其基于开放标准的输出,如SVG或HTML5 Canvas元素,而不是Flash或某些专有输出。我可以将其嵌入到自定义Web应用程序中并自行设置样式。互动的东西。

4 个答案:

答案 0 :(得分:1)

在github上检查我的解决方案:OrgChart.svg这是一个现代的完整SVG组织结构图,支持自定义样式,以最熟知的形式提供翻转/堆叠功能。如果能帮到某人,我会很高兴。它基于snap.svg。

答案 1 :(得分:0)

我最终使用Javascript InfoVis Toolkit中的SpaceTree API来构建我的组织结构图:

http://philogb.github.com/jit/static/v20/Docs/files/Visualizations/Spacetree-js.html

答案 2 :(得分:0)

我已经开始在d3.js中构建它了。它最初是为从Yammer提取的数据构建的,但现在它可以与任何csv一起使用 - 如this个。

Here's回购和here's演示。你需要知道一些html / javascript来为你的应用程序定制它。

答案 3 :(得分:-2)

asp.net有这个,但我只是将它添加到我的书签中,所以我不能保证符合标准:

当您查看这个时,您还应该考虑的是您的图表要求。许多组织结构图仅支持单个顶级节点。例如,如果你想映射一个家族树,那么情况可能并非如此。