Где я могу найти веб-интерфейс API интерактивной диаграммы организации?

Question

Я хочу построить интерактивную веб-диаграмму организации для большой организации. Мне немного нравится интерфейс на ancestry.com, где вы можете наводить курсор на людей, перемещаться / масштабировать и нажимать на разные узлы, чтобы сделать их корневыми.

В идеале мне бы хотелось, чтобы люди могли принадлежать к нескольким организационным объектам, таким как комитеты, рабочие группы и т. Д. Другими словами, API должен поддерживать графы в целом, а не только деревья.

Я бы хотел иметь возможность визуально разбить каждую организационную подструктуру на заместители, щелкнув по ней, с приятной анимацией всплывающих или выпадающих сотрудников, чтобы вы могли по-настоящему интерактивно анализировать всю организацию.

Я нашел http://code.google.com/apis/visualization/documentation/gallery/orgchart.html, но выглядит немного элементарно.

Я знаю, что существуют настольные инструменты, такие как OrgPlus и Visio, которые могут создавать статические диаграммы, но я действительно ищу бесплатный веб-API с открытым выводом на основе стандартов, таких как элементы SVG или HTML5 Canvas, а не Flash или некоторые проприетарные выход. Что-то, что я могу встроить в собственное веб-приложение и создать собственный стиль. Что-то интерактивное.

Answer 1

Проверьте мое решение на github: OrgChart.svg Это современная полная SVG-диаграмма с поддержкой пользовательского стиля, опрокидывания / укладки в наиболее известной форме. Я был бы очень рад, если бы это помогло кому-то. Он основан на snap.svg.

Answer 2

В итоге я использовал SpaceTree API из Javascript InfoVis Toolkit для построения своей оргструктуры:

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

Answer 3

Я попытался построить это в d3.js. Первоначально он был создан для данных, извлеченных из Yammer, но теперь он будет работать с любым CSV-сервером, например this one.

Вот репо и вот демо. Вам нужно знать немного html / javascript, чтобы настроить его для своего приложения.

Answer 4

Это есть для asp.net, но я только добавил его в свои закладки, поэтому не могу подтвердить, насколько оно соответствует стандартам:

• http://www.orgchartcomponent.com/

Что-то, что вы также должны учитывать, когда смотрите на это, это ваши требования к графику. Многие оргструктуры поддерживают только один верхний узел. Например, если вы хотите отобразить генеалогическое древо, это может быть не так.