前言：
随着物联网、大数据等技术高速发展，我们逐步向数字化、可视化的人工智能（AI）时代的方向不断迈进。智能时代是工业 4.0 时代，我国工业领域正努力从“制造”迈向“智造”的新跨越。
正文：
1.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标准即可
效果：
3.draw.io
介绍：和mxgraph相比，在其基础上加了一些东西，更加完善。但是都是出自同一家公司之手。
效果：
4.HT-2D/3D
5.3D可视化楼宇、水站实时监测系统：
介绍：3D可视化楼宇管理系统，实时监测楼宇相关的各方面的数据。提到工业互联网往往会涉及：物联网、IoT、5G、数字孪生、边缘计算、PaaS平台、SaaS应用、产业互联网、互联网+、工业4.0、智慧城市、智慧园区、智慧楼宇、智能制造等概念，但本文将围绕可视化的话题，围绕更基础的 HTML5/WebGL/WebVR 等底层技术，我们觉得业界还没达到智能化、平台化的成熟阶段，走得太快即使是 GE Predix 也会从明星变流星，了解垂直行业需求，采集足够多有效数据，做好实时的、稳定的、美观的、Web 化的 2D 和 3D 数据可视化呈现，是工业互联网需要走好的第一步。
github：图扑软件
6、前端设计Mqtt（订阅、发布）
7.OSHMI
8.HslControls控件库
介绍：HslControls是一个工业物联网的控件库，基于C#开发，配套HslCommunication组件可以实现工业上位机软件的快速开发，支持常用的工业图形化控件，快速的集成界面开发。 主要包含了按钮，开关，进度条，信号灯，数码管，时钟，曲线显示控件，仪表盘控件，管道控件，瓶子控件，饼图控件，传送带控件，温度计控件，鼓风机控件，阀门控件，电池控件等等。
开发语言：c#
注意：前端主要是JavaScript语言开发，c#我也不懂，只是做参考，看看人家的思路啥的。
9.VUE组态-支持拖动
效果：
介绍：个人基于vue+quasar的web组态，核心代码基于vue，quasar仅仅是为了方便构建
10.WTScada HTML5组态百软度件
介绍：基于HT框架的web组态软件，HTML5技术，道在线专组态运属行。
11、WebGL
介绍：WebGL是目前最为流行的3D绘图协议。
12、WVGL
介绍：V虚拟现实行业。
前言：
随着物联网、大数据等技术高速发展，我们逐步向数字化、可视化的人工智能（AI）时代的方向不断迈进。智能时代是工业 4.0 时代，我国工业领域正努力从“制造”迈向“智造”的新跨越。
正文：
1.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标准即可
效果：
3.draw.io
介绍：和mxgraph相比，在其基础上加了一些东西，更加完善。但是都是出自同一家公司之手。
效果：
4.HT-2D/3D
5.3D可视化楼宇、水站实时监测系统：
介绍：3D可视化楼宇管理系统，实时监测楼宇相关的各方面的数据。提到工业互联网往往会涉及：物联网、IoT、5G、数字孪生、边缘计算、PaaS平台、SaaS应用、产业互联网、互联网+、工业4.0、智慧城市、智慧园区、智慧楼宇、智能制造等概念，但本文将围绕可视化的话题，围绕更基础的 HTML5/WebGL/WebVR 等底层技术，我们觉得业界还没达到智能化、平台化的成熟阶段，走得太快即使是 GE Predix 也会从明星变流星，了解垂直行业需求，采集足够多有效数据，做好实时的、稳定的、美观的、Web 化的 2D 和 3D 数据可视化呈现，是工业互联网需要走好的第一步。
github：图扑软件
6、前端设计Mqtt（订阅、发布）
7.OSHMI
8.HslControls控件库
介绍：HslControls是一个工业物联网的控件库，基于C#开发，配套HslCommunication组件可以实现工业上位机软件的快速开发，支持常用的工业图形化控件，快速的集成界面开发。 主要包含了按钮，开关，进度条，信号灯，数码管，时钟，曲线显示控件，仪表盘控件，管道控件，瓶子控件，饼图控件，传送带控件，温度计控件，鼓风机控件，阀门控件，电池控件等等。
开发语言：c#
注意：前端主要是JavaScript语言开发，c#我也不懂，只是做参考，看看人家的思路啥的。
9.VUE组态-支持拖动
效果：
介绍：个人基于vue+quasar的web组态，核心代码基于vue，quasar仅仅是为了方便构建
10.WTScada HTML5组态百软度件
介绍：基于HT框架的web组态软件，HTML5技术，道在线专组态运属行。
11、WebGL
介绍：WebGL是目前最为流行的3D绘图协议。
12、WVGL
介绍：V虚拟现实行业。
举报
