大家好，最近想实现一个功能大致如下：
1.各个应用系统、服务器信息及系统直接的调用都录入到数据库中
2.前端拓扑图、或系统调用关系图的展示UI可以通过一些选项从数据库中捞出数据，然后在UI上动态绘制出关系图来

网上查了下如HTML5Canvas或基于HTML5Canvas的JTopo、SVG都可以很好的绘制出这种图来，但现在有个疑问就是：
绘制这些图都需要为每个节点指定的UI中的位置(坐标)，那我应该怎么动态的指定这些节点的位置呢，而使得图生成之后不会有重叠，也比较好看


(像使用dot这种描述行绘制流程图很简单，只需要定义好节点及连接关系，它自动会按最简介的策略把流程出绘制出来，开发人员就不需要关系个节点的布局、位置摆放



不知大家有什么建议或技巧，望指导。。。

开源项目，希望能有帮助

看看百度图表插件，是否对你有一定的帮助！！！！！！！！！！！

非常感谢您的回复，大致看了下SVG-edit-GoogleCode好像是个编辑器，我需要的就根据数据流自动绘制流程图

引用2楼xmt1139057136的回复: 看看百度图表插件，是否对你有一定的帮助！！！！！！！！！！！

非常感谢您的回复，百度图表(ECharts)对于图表类实现很炫，但对于流程图的绘制似乎还不是去想要的

刚在度娘找了个Dagre-D3，看上去有点接近，在仔细研究下


欢迎大家推荐、指导

引用5楼zeldazld的回复: 刚在度娘找了个Dagre-D3，看上去有点接近，在仔细研究下


欢迎大家推荐、指导
仔细研究，然后分享，共同学习！！！