可视化绘图的编辑器

1、mxgraph

介绍：开源免费，但是需要解决的问题很多，国内学习参考资料少。但是，可视化组态的实现基本都是借助于这个框架来实现的。
演示demo：https://jgraph.github.io/mxgraph/javascript/examples/grapheditor/www/index.html
mxgraph官方文档API：http://jgraph.github.io/mxgraph/docs/js-api/files/model/mxCell-js.html
最大的交流社区：https://forum.jgraph.com/tags/swimlane/index.html
交流社区2：https://stackoverflow.com/questions/tagged/mxgraph
github：https://github.com/jgraph/mxgraph

2、le5le Topology

介绍：A diagram (topology, UML) framework uses canvas and typescript. 一个用canvas+typescript写的绘图【核心库，不依赖框架】（微服务架构图、拓扑图、流程图、类图等ULM图，动画、视频支持）。本框架目前已经实现了拖拽、缩放、旋转、自定义属性等基础操作，开发者只用关心图表绘画实现即可。其次，流畅、高性能 - 使用 canvas 和多个场景离屏，操作过程流畅；完全不用担心 SVG 方式 dom 元素过多，性能高效。其三，自带部分动画效果，能满足基本的需求。使用TypeScript语言。chrome、firefox、ie11等浏览器是没有问题的。IE9以下版本没有测试，仅仅是绘图引擎，只需要支持canvas+html5标准即可
演示demo：http://topology.le5le.com/
github：https://github.com/le5le-com/topology
gitee：https://gitee.com/mirrors/topology

3、Diagrams

介绍：
演示demo：https://app.diagrams.net/
github: https://github.com/jgraph/drawio
社区博客：https://about.draw.io/blog/

4、图扑软件

非常强大
全部demo：http://www.hightopo.com/demos/index.html
演示demo:http://www.hightopo.com/demo/ht-smart-building/

5、vue组态

基于vue+quasar的web组态，核心代码基于vue，quasar仅仅是为了方便构建
演示demo:https://phynos.github.io/WebTopo/dist/spa/