拓扑插件搜集
---恢复内容开始---
1、OrgChart (https://balkangraph.com/)-- 收费(免费试用30天)
- 编辑节点
- 添加新节点
- 删除节点
- 拖放节点
- 展开折叠
- 导出到SVG文件
- 导出到CSV文件
OrgChart JS是一个功能强大的小部件,可用于可视化和编辑节点。它提供了有关如何对基础数据进行呈现和执行操作的各种选项。
2、Qunee (http://qunee.com/)-- 收费(试用15天 ) -- 比较好,,,功能多,,推荐
- 拓扑图,流程图,组织图,机房平面图,组态软件的开发
- 地图 - 地铁图、统计地图拓扑图 - 社交网络图、网络管理图其他 - 组织图、思维导图(可拖拽)、流程图
- 操作矢量图形 - 支持矢量图形,无极缩放交互体验 - 漫游交互,改进交互事件、支持手持设备注重细节 - GIF动画,丰富渐变,层次控制
- Qunee主要提供Graph组件,Graph中可以加入不同类型的图元(Node, Edge, Group, ShapeNode, Text, Bus ...),图元可以配置不同的呈现样式,或者挂载或者添加不同的UI元素(LabelUI, ImageUI ...),通过组合和布局,实现丰富的呈现效果,满足多种应用场景:
地图 - 地铁图、统计地图
- 借助强大的树形布局器,可以解决树形结构数据的自动布局问题,可运用于组织图、思维导图等提供丰富的基本图形与箭头样式,支持弯曲、正交等连线类型,加上包含关系的控制,可以解决流程图之类的问题
3、Jointjs (https://www.jointjs.com/) -- 收费 -- 免费版的可以是,功能比较少,,,适合特别简单的流程图
JointJS是一个JavaScript图表库。它既可以用来创建静态图,也可以用来创建完全交互式的绘图工具和应用程序构建器。
- 基本图元素(矩形,圆形,椭圆形,文本,图像,路径)
- 众所周知的图表(ERD,组织图,FSA,UML,PN,DEVS等)的即用型图表元素
- 基于SVG或以编程方式呈现的自定义图元素
- 互动元素和链接
- 用链接连接图元素
- 可自定义的链接,其箭头和标签
- 链接平滑(贝塞尔曲线插值)
- 磁铁(链接连接点)基本上可以放置在任何地方
- 层次图
- 到JSON格式的序列化/反序列化
- 高度事件驱动-您可以对纸张内部发生的任何事件做出反应
- 放大/缩小
- 触摸支持
- 插件意识
- MVC架构
… 多很多
4、一个基于typescript + canvas的好用开源绘图工具和绘图引擎。易集成到自己的前端项目、还可以方便自定义图形库,支持微服务架构图、流程图、时序图、活动图、类图等:https://juejin.im/post/5d6c88726fb9a06b0e54ab35