我正在寻找为大型组织构建一个基于网络的交互式组织结构图。我有点喜欢ancestry.com 的界面，您可以将鼠标悬停在人员上方并进行平移/缩放，然后单击不同的节点以使它们成为根。
理想情况下，我希望人们能够属于多个组织实体，例如委员会、工作组等。换句话说，API 应支持一般图形，而不仅仅是树。
我希望能够通过单击将每个组织子结构直观地分解为替代品，并提供员工膨胀或溢出的精美动画，以便您可以真正交互式地深入了解组织。
我发现 http://code.google.com/apis/visualization/ Documentation/gallery/orgchart.html 但它看起来有点简陋。
我知道有像 OrgPlus 和 Visio 这样的桌面工具可以构建静态图表，但我真正在寻找一个免费的、基于 Web 的 API，具有基于开放标准的输出（如 SVG 或 HTML5 Canvas 元素），而不是 Flash 或某些专有输出。我可以将其嵌入到自定义 Web 应用程序中并自行设计样式。一些互动的东西。
I'm looking to build an interactive web-based org chart for a large organization. I somewhat like the interface at ancestry.com where you can hover over people and pan/zoom around and click on different nodes to make them the root.
Ideally, I'd like it if people could belong to multiple organizational entities like committees, working groups, etc. In other words the API should support graphs in general, not just trees.
I'd like to be able to visually explode each organizational substructure into substituents by clicking on it, with a nice animation of the employees ballooning or spilling out so you can really interactively drill down through the organization.
I found http://code.google.com/apis/visualization/documentation/gallery/orgchart.html but it looks a bit rudimentary.
I know there are desktop tools like OrgPlus and Visio that can build static charts but I'm really looking for a free, web-based API with open standards-based output like SVG or HTML5 Canvas elements rather than Flash or some proprietary output. Something I can embed into a custom web application and style myself. Something interactive.
发布评论
评论（4）
在 github 上查看我的解决方案： OrgChart.svg 这是一个现代的完整 SVG orgchart，支持自定义样式，以最知名的形式翻倒/堆叠的可能性。如果它能帮助别人，我会很高兴。它基于 snap.svg。
Check my solution on github: OrgChart.svg This is a modern full SVG orgchart with support of custom styling, tip-over / stacking possibility in the best known form. I would be very happy if it helps someone. It is based on snap.svg.
我最终使用 Javascript InfoVis Toolkit 中的 SpaceTree API 来构建我的组织结构图：
I ended up using the SpaceTree API from the Javascript InfoVis Toolkit to build my org chart:
http://philogb.github.com/jit/static/v20/Docs/files/Visualizations/Spacetree-js.html
我尝试过在 d3.js 中构建它。它最初是为从 Yammer 提取的数据而构建的，但现在它可以处理任何 csv - 例如 这个。
这是存储库和这是一个演示。您需要了解一点 html/javascript 才能为您的应用程序定制它。
I've had a go at building this in d3.js. It was originally built for data pulled from Yammer but now it will work with any csv - like this one.
Here's the repo and here's a demo. You will need to know a little html/javascript to customise it for your application.
有一个用于 asp.net 的，但我只将其添加到我的书签中，因此我无法保证它是否符合标准：
当您研究此问题时，您还应该考虑您的图表要求。许多组织结构图仅支持单个顶部节点。例如，如果您想绘制家谱，那么情况可能并非如此。
There is this one for asp.net but I have only ever added it to my bookmarks so I can't vouch for how standards compliant it is:
Something you should also consider when you are looking in to this is your charting requirements. Many org charts only support a single top node. If you wanted to map a family tree for example then this might not be the case.