Web前端组态软件--------目前开源可用的可视化编辑软件

1.le5le-topology：、

介绍：A diagram (topology, UML) framework uses canvas and typescript. 一个用canvas+typescript写的绘图【核心库，不依赖框架】（微服务架构图、拓扑图、流程图、类图等ULM图，动画、视频支持）。

演示demo：http://topology.le5le.com/workspace?id=5d4d725a6025d7704b113240

github:https://github.com/le5le-com/topology

效果：

2.mxgraph：

介绍：开源免费，但是需要解决的问题很多，国内学习参考资料少。

演示demo：需下载到本地HBuloiderX运行JavaScript中的examples

mxgraph官方文档API：http://jgraph.github.io/mxgraph/docs/js-api/files/model/mxCell-js.html

github：https://github.com/jgraph/mxgraph

效果：

3.draw.io

介绍：和mxgraph相比，在其基础上加了一些东西，更加完善。但是都是出自同一家公司之手。

演示demo：https://www.draw.io/

github:https://github.com/jgraph/drawio

效果：

4.HT-2D

演示demo：http://www.hightopo.com/demo/2deditor/HT-2D-Editor.html

github：没开源

效果：

感悟：当你自己一点一滴去实现每一个功能而没有参考的时候，你才会发现和别人的差距，开源不易，很多公司基于别人的开源项目二次开发，最后研发自己的软件，贴上自己的广告。大多数看着很相似，但是人家就说是自己实现的，你有什么办法呢？而且这一块开源的非常之少，不过对于物联网公司算是一个大的需求了，也许未来的某一天，学生坐在教室，看着8k屏幕上的实验室或者科创空间的传回来的可视化画面和实时数据的时候，我们也会感到欣慰，致敬每一个在幕后默默付出，用行动践行工业4.0的人！