js html 流程图 关系图

没有例子，不太明白你想要什么。。。。从图看职能是ps出来的切到网站上

不过做图表的特效倒是有，和你给的不太一样

你看看这个是不是你想要的效果

http://hci.stanford.edu/jheer/files/zoo/ex/networks/force.html

下面是合集地址

http://queue.acm.org/detail.cfm?id=1805128

制作流程图具体步骤如下：

工具：苹果笔记本电脑、WPS软件。

1、首先将幻灯片打开，点击上方的“插入”菜单。

2、然后在插入菜单中找到并点击“流程图”图标。

3、最后在流程图对话窗口中选择一种流程图，点击插入即可。

流程图的画法如下：

材料准备：准备电脑一台并下载WPS软件备用。

1、打开word，点击插入。

2、选择形状。

3、找到流程图一栏，选择合适的形状。

4、接着便能直接在word上进行绘制。

5、重复制作多个流程图。

6、接着在形状中选择线条。

7、将流程图进行连接，全部链接后形成框架。

8、右键流程图框，选择添加文字。

9、输入流程图中的文字。

10、添加完成，流程图就做好了。

流程图概念：

以特定的图形符号说明，表示算法的图，称为流程图或框图。流程图是流经一个系统的信息流、观点流或部件流的图形代表。在企业中，流程图主要用来说明某一过程。这种过程既可以是生产线上的工艺流程，也可以是完成一项任务必需的管理过程。

例如，一张流程图能够成为解释某个零件的制造工序，甚至组织决策制定程序的方式之一。这些过程的各个阶段均用图形块表示，不同图形之间以箭头相连，代表它们在系统内的流动方向。下一步去向要取决于上一步的结果，典型做法是用“是”或“否”的逻辑分支加以判断。

---