樂吾樂 Meta2d.js 是一個完全從零自主研發的國産開源 Web 繪圖工具。底層使用 canvas，可以自定義擴充豐富等動效。通過引擎 + 圖形庫+中間件的架構模式能夠友善快速的內建到各種前端項目，實作專屬自己的可視化平台。

Meta2d.js 集實時資料展示、動态互動、資料管理等一體，可以幫助物聯網、工業網際網路、電力能源、水利工程、智慧農業、智慧醫療、智慧城市等場景快速實作數字孿生、大屏可視化、Web 組态、SCADA 等解決方案。具有實時監控、多樣、變化、動态互動、高效、可擴充、支援自動算法、跨平台等特點，最大程度減少研發和運維的成本，并緻力于普通業務人員 0 代碼開發實作數字孿生、大屏可視化、Web 組态、SCADA 等解決方案。

官方線上案例：https://2ds.le5le.com/search/

開源位址：

Github：https://github.com/le5le-com/meta2d.js

Gitee：https://gitee.com/le5le/meta2d.js

為什麼重複造輪子

開源、滿足自己想要的不多
期望高擴充、可定制滿足各種豐富場景的不多
具備高度動畫自定義滿足各種特效的不多
期望具備實時資料響應和互動能力

特點

豐富的組态能力

拖拽編輯，簡單易用
資料綁定，實時動态資料顯示，資料下發，雙向資料通信，條件、格式化顯示
逐幀動畫和軌迹動畫，條件告警動畫等
事件、消息，組态關聯
組合、自定義狀态、開關、、報表、彈框、視訊等
豐富外觀、格式刷功能

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.自定義圖形庫

樂吾樂可視化-自定義圖形庫

開源位址