低代码与可视化
Meta2d.js (原 Topology)
厂商/来源:
乐吾乐
核心功能:
“网页里的 CAD 与工艺流程图”。Grafana 只能画折线，而它能画出水泵转动、电流流动、阀门开闭。
| 适用场景 | 变电站一次接线图、暖通空调 (HVAC) 风道图、自动化流水线监控、煤矿井下通风图 |
| 架构支持 | Web 前端组件 (原生 JS / Vue / React) |
| 核心机制 | Canvas 高性能渲染：不是用臃肿的 DOM 或 SVG 堆砌，而是完全基于 HTML5 Canvas。即使画布上有 10,000 个图元，依然能保持 60帧的丝滑拖拽和缩放体验。 |
| 对接情报 | 数据绑定与动画：极其强大的事件系统。你可以配置：“当 MQTT 收到的 fan_speed 大于 0 时，风扇图元开始旋转动画，否则变灰色停止”。 |
| 避坑指南 | [商用授权与图元库] 1. 免费版限制：它的核心绘图引擎是开源免费的，但高级工业图元库（电机、反应釜、高压电箱的漂亮图标）和一些高级通信插件是收费的。如果是商用闭源项目，建议仔细阅读开源协议。 2. 数据清洗：它只负责前端展示。如果后端每秒推送 1000 次数据更新给它，网页也会崩。对策：必须在中间件层（如 eKuiper 或 Node-RED）做好数据的防抖 (Debounce) 和节流 (Throttle)。 |
| 推荐搭配 | [MQTT Broker] [Vue3 前端框架] [Web SCADA 平台] |
