展示组织机构的树形组件

你可能需要这么一种图形来展现数据, 不管你有没有碰到, 反正我是碰到了.
既然碰到了, 那就整理一下, 希望能节省各位的时间.

示意图

有纯文字内容的, 也有带点进度条的, 有从左到右水平的, 也有从上到下垂直的.

可以理解为一种展现组织结构的图形组件.
其实也就是树的另外一种展现形式, 一般的树都是垂直展开, 而组织机构则需要水平展开.
也可以将这种图形称之为脑图(mindmap)


关键字
------------
organization chart | org chart | horizontal tree


搜集的组件
------------
1. SpaceTree
   JavaScript InfoVis Toolkit(JIT) -- demo
   

SpaceTree可以调整tree布局方向(上下左右)

2. jOrgChart
   A jQuery plugin to draw tree-like structures such as OrgCharts.
   demo
   

jOrgChart

3. orgchart
   Organizational Charts using javascript
   

orgchart

4. lib_gg_orgchart
   lib_gg_orgchart allows you to draw organizational charts in your web pages. The input is easily defined in JSON format.
   demo
   

lib_gg_orgchart

自己实现
------------
1. Graffle
   

Raphaeljs Graffle

2. Collapsible Tree
   

D3 Collapsible Tree

 

 

 

原文链接：https://www.douban.com/note/301315901/