topology.js: 开源web绘图引擎，支持拓扑图、流程图、脑图、电力能源、水利、物联网、工业互联网、智慧城市、智慧医疗、智慧农业、IT运维等各场景。Topology具有跨平台、高效、可扩展、实时监控、动态交互、支持自动算法等特点，最大程度减少研发和运维的成本，并致力于普通业务人员0代码开发实现web组态、SCADA等场景。

Gitee 1024 有奖征集启动，提交你的创意作品，赢取程序员们都爱的礼品！

forked from 武汉乐吾乐科技有限责任公司/meta2d.js

加入 Gitee

与超过 1200万开发者一起发现、参与优秀开源项目，私有仓库也完全免费：）

该仓库未声明开源许可证文件（LICENSE），使用请关注具体项目描述及其代码上游依赖。

克隆/下载

Understand; highcharts onbeforevalue 6207acf

CONTRIBUTING.md

Loading...

README

[English](./README.md) | 简体中文

# Topology

Topology 是一个集动态交互、丰富展示、数据管理等一体的全功能可视化引擎，为物联网、工业互联网、电力能源、水利工程、智慧农业、智慧医疗、智慧城市等智能可视化场景而生。支持拓扑图、流程图、脑图、折线图、饼图、仪表盘、web组态、SCADA等场景。

<center style="display:flex;justify-content:">
<img style="height:100px;margin: 10px" src="https://cdn.nlark.com/yuque/0/2021/gif/12382170/1623210619545-5fca920c-bb57-4e52-9569-49dd0d9d331f.gif" >

<img style="height:100px;margin: 10px" src="https://cdn.nlark.com/yuque/0/2021/png/12382170/1619416821688-2218031d-a698-4917-ac8a-72cbbeb62bc7.png?x-oss-process=image%2Fresize%2Cw_1504%2Climit_0%2Fresize%2Cw_1504%2Climit_0" >

<img style="height:100px;margin: 10px" src="https://cdn.nlark.com/yuque/0/2021/png/179380/1632972168922-dfeecea5-2304-4a08-a9ee-3da31c9ac914.png?x-oss-process=image%2Fresize%2Cw_713%2Climit_0">  
</center>

<br>

# 在线使用

[Topology 在线使用](http://topology.le5le.com)

<br>

# 为什么使用

**新引擎** 
 - 数据+ 算法 + 风格 = 栩栩如生；
 - 数据为核心、数据驱动显示；
 - 多状态呈现，进度、动效多角度动态展示
 - 支持自动算法、业务算法等中间件扩展

**追求卓越性能** 
 - 支持1万+以上节点。全部采用引擎原生节点更可达到2万节点
 - 支持1000+动画播放，大数据、高要求场景无压力

**实时动态数据监听** 
 - 支持mqtt动态数据监听
 - 支持websocket动态数据监听
 - 支持http自主请求动态更新数据

**丰富的交互事件**
 - 画笔全生命周期事件（创建、更新、销毁）
 - 鼠标进入、移出、单击、选中等事件
 - 移动、缩放、旋转等事件
 - 网络消息事件
 - 动画、视频播放事件
 - 文本输入事件

**自由可扩展**
 - 可定制化开发图形库
 - 可直接在线绘画图形
 - 支持SVG PATH
 
**丰富的应用场景支持**
 - 架构图、拓扑图、UML图、脑图等
 - 电力能源、水利等
 - 物联网、工业互联网等
 - 智慧城市、智慧医疗、智慧农业等
 - 大屏展示、IT运维等


<br>

# 亮点

**功能丰富，更具高性能**  
 - 状态、事件、动效、动态监听、自由扩展，可支持1万+以上节点

**动态数据实时监听**  
 - 支持mqtt、websocket、或http自主请求等多种方式动态监听数据

**钢笔和曲线工具，方便在线定制图形**   
 - AI小图标直接在线制作
 - 随意涂鸦的自由曲线，让创作随心所欲



**简洁易用的动画**  
 - 优异的性能，可高达1000动画同时播放

**支持SVG path**  
 - 不再把svg当作静态图片，直接支持svg path属性，想要给svg变个色，随手就来


**“全民”进度条**  
 - 任意封闭图形，都可以当进度条：矩形、圆、svg、封闭连线、或其他任意封闭图形

**智能自动算法支持**  
 - 连线自动锚点，自动识别最近锚点
 - 自动吸附。拖拽过程中自动推荐对齐点，支持自定义算法替换
 - 其他算法。支持排列布局、自动成图等，定制扩展

# License

MIT © le5le.com

开源web绘图引擎，支持拓扑图、流程图、脑图、电力能源、水利、物联网、工业互联网、智慧城市、智慧医疗、智慧农业、IT运维等各场景。Topology具有跨平台、高效、可扩展、实时监控、动态交互、支持自动算法等特点，最大程度减少研发和运维的成本，并致力于普通业务人员0代码开发实现web组态、SCADA等场景。

JavaScript

取消

暂无发行版

马建仓 AI 助手

尝试更多

代码解读

代码找茬

代码优化

JavaScript

1

https://gitee.com/hbycqm/topology.js.git

git@gitee.com:hbycqm/topology.js.git

hbycqm

topology.js

topology.js

master