Skip to content

Latest commit

 

History

History
106 lines (69 loc) · 2.49 KB

README.CN.md

File metadata and controls

106 lines (69 loc) · 2.49 KB

English | 简体中文

Le5le-topology

Le5le-topology 是一个可视化在线绘图工具,使用 Canvas + Typescript。支持 topology, UML、微服务架构、动态流量、SCADA 场景等。

topology

VS Code 插件

查看

特性

  • 极易扩展 - 程序员可以以中间件方式编写自己的图表。框架实现了拖曳、缩放、旋转、自定义属性等基础操作,开发者只用关心图表绘画实现即可。
  • 流畅、高性能 - 使用 canvas 和多个场景离屏,操作过程流畅;完全不用担心 SVG 方式 dom 元素过多,性能高效。
  • 动画
  • TypeScript

快速上手

typescrypt/es6

import { Topology } from '@topology/core';

var canvas = new Topology('topology-dom', options);
canvas.open(data);

es5

<script src="/bundle/topology.bundle.js"></script>

var canvas = new Le5leTopology.Topology('topology-dom', options);
canvas.open(data);

文档

[Todo]

→ 中文文档

开发与编译

// 采用的是 Monorepos + yarn workspaces 方式目录结构
$ yarn
$

// build
$ yarn build

贡献者

核心维护者

如何贡献

  • PR
  • Docs
  • Translate
  • Share
  • Writing (articles, demos, videos and so on)
  • Social networks

微信:alsmile123
邮箱:alsmile123@qq.com

谁在使用

  • 海云捷迅
  • 汇客互动
  • 重庆环投生态环境监测网络与工程治理有限公司
  • 恒安嘉新(北京)科技股份公司
  • 北京翌普信息科技有限公司
  • 天津辰思科技
  • 上海层峰

License

MIT © le5le.com