不过做图表的特效倒是有，和你给的不太一样
你看看这个是不是你想要的效果
http://hci.stanford.edu/jheer/files/zoo/ex/networks/force.html
下面是合集地址
http://queue.acm.org/detail.cfm?id=1805128
1.各个应用系统、服务器信息及系统直接的调用都录入到数据库中2.前端拓扑图、或系统调用关系图的展示UI可以通过一些选项从数据库中捞出数据，然后在UI上动态绘制出关系图来
3.如HTML5 Canvas或基于HTML5 Canvas的JTopo、SVG都可以很好的绘制出这种图来。
方法/步骤如下
1、打开Microsoft Office Visio 2007，左侧的模板类别中选择“软件和数据库”，双击右侧的“数据库模型图”；
2、调整显示比例；
3、添加实体：鼠标指针移动到实体上，按下鼠标左键不要松开，移动鼠标到右侧的绘图页上，松开鼠标左键；
4、修改实体定义：去掉键入时同步的勾，输入物理名称和概念名称；
5、添加列：左侧类别选择“列”，右侧输入列名，选择数据类型，选择是否必须，是否主键。相同的方法添加“用户与角色关联表”；
6、添加关联关系：在左侧的关系上按下鼠标左键，拖动到右侧的“用户表”实体上，实体边框会变成红色，松开鼠标左键；
7、移动关系连接线的另一端关联到另一个实体上。左侧的数据库属性中就会显示对象关系。按此方法创建其它实体和关系；
8、保存文件：实体关系图设计好之后就可以保存了。为了以后可以继续修改，一定要保存为.vsd扩展名；如果为了方便查看，可以再另存为其它格式。
9、最终效果：
