开源、易扩展、方便集成的Web绘图工具（流程图、架构图、组态、SCADA、大屏）

乐吾乐2D可视化Meta2d.js是一个基于typescript + canvas 实现的开源在线绘图软件。采用引擎 + 图形库+中间件的思路能够方便、快速的扩展、集成到前端项目。

集实时数据展示、动态交互、数据管理等一体的全功能可视化平台。帮助物联网、工业互联网、电力能源、水利工程、智慧农业、智慧医疗、智慧城市等场景快速实现数字孪生、大屏可视化、Web组态、SCADA等解决方案。具有实时监控、多样、变化、动态交互、高效、可扩展、支持自动算法、跨平台等特点，最大程度减少研发和运维的成本，并致力于普通业务人员 0 代码开发实现数字孪生、大屏可视化、Web组态、SCADA等解决方案。

官方在线案例           开源地址

为什么重复造轮子

• 开源、满足自己想要的不多
• 期望高扩展、可定制满足各种丰富场景的不多
• 具备高度动画自定义满足各种特效的不多
• 期望具备实时数据响应和交互能力

特点

丰富的组态能力

• 拖拽编辑，简单易用

• 数据绑定，实时动态数据显示，数据下发，双向数据通信，条件、格式化显示
• 逐帧动画和轨迹动画，条件告警动画等
• 事件、消息，组态联动
• 组合、自定义状态、开关、、报表、弹框、视频等
• 丰富外观、格式刷功能

0代码数据通信

• 支持 mqtt 动态数据监听
• 支持 websocket 动态数据监听
• 支持 http 自主请求动态更新数据
• 支持静态数据创建，导入

组态的应用

• 导入导出组态图
• 导出HTML、Vue、React等离线部署包
• 支持组态图环境迁移能力
• 支持通过API对组态进行创建、查询、删除、复制、发布等管理能力
• 支持组态设计页面内嵌集成到第三方平台
• 支持组态查看页面内嵌集成到第三方平台
• 提供离线部署安装方式，支持云端部署

多端适配能力

• 支持Chrome、Firefox、Edge等主流浏览器。
• 支持移动端webview方式访问

强大的扩展能力

• 图形库扩展：自定义图形库扩展，格式支持js、svg、jpg、iconfront
• 数据显示扩展：条件显示、数据格式显示、自定义函数扩展等
• 交互事件扩展：系统消息、自定义消息、生命周期hook、系统接口函数等
• 智能算法扩展：支持自定义拖拽智能算法，自定义连线算法等
• 动画扩展：节点逐帧定义动画、自定义算法动画
• 排版扩展：支持自定义排版布局算法

追求卓越性能

• 稳定，系统交互中断不影响系统运行
• 可支持10000-20000节点
• 支持绑定1000-2000数据点。1000数据点30ms完成刷新
• 支持 1000+动画播放

丰富的组件库资源

• 电力系统，能源系统，物联网，智慧水务，智能制造，数字大屏，图表控件，视频流监控一共4000多个组件
• 支持自定义扩展

广泛的应用场景支持

• 电力能源、水利水务、变电站、光伏系统、火电厂、化工厂、废气治理、炼钢厂、风电、矿山、煤矿系统等
• 物联网、工业互联网、电信机房中心、数据中心、采暖系统、制冷系统、远程监控系统等
• 智慧工厂、智慧楼宇、智慧园区、智慧交通、智慧城市、智慧港口、智慧停车、智慧医疗、智慧农业等
• 大屏展示、看板展示、数据报表、安防监控、IT 运维等
• 架构图、拓扑图、UML图、脑图等

国产开源、自主可控

• 完全自主研发，持续优化更新

行业案例

1.智能预制泵站

2.冷源群控制系统

3.废水处理

4.电信机房

5.电力能源

6.热换站远程监控系统

7.智慧交通

8.大屏展示

9.思维导图

10.自定义图形库

开源地址

Github： GitHub - le5le-com/meta2d.js: The meta2d.js is real-time data exchange and interactive web 2D engine. Developers are able to build Web SCADA, IoT, Digital twins and so on. Meta2d.js是一个实时数据响应和交互的2d引擎，可用于Web组态，物联网，数字孪生等场景。

创作、开源不易，欢迎支持点赞