乐吾乐 Meta2d.js 是一个完全从零自主研发的国产开源 Web 绘图工具。底层使用 canvas，可以自定义扩展丰富等动效。通过引擎 + 图形库+中间件的架构模式能够方便快速的集成到各种前端项目，实现专属自己的可视化平台。

Meta2d.js 集实时数据展示、动态交互、数据管理等一体，可以帮助物联网、工业互联网、电力能源、水利工程、智慧农业、智慧医疗、智慧城市等场景快速实现数字孪生、大屏可视化、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 组态，物联网，数字孪生等场景。

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