Skip to content

A diagram (topology, UML) framework uses canvas and typescript. 一个轻量(100k左右)、功能丰富的绘图工具(微服务架构图、拓扑图、流程图、类图等ULM图、脑图,动画、视频支持)。 【在线使用】:

License

Notifications You must be signed in to change notification settings

SmileLifeIven/topology

 
 

Repository files navigation

English | 简体中文

Le5le-topology

Le5le-topology is a diagram visualization framework uses canvas and typescript. Developers are able to build diagram (topology, UML), micro-services architecture, SCADA and so on.

topology

VS Code extension

VS Code extension

Why le5le-topology

  • Extensible - Developers are able to make own diagrams easily. You just have to focus on your core logic in the framework.
  • Fast rendering
  • Animate
  • TypeScript

Getting Started

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);

Docs

[Todo]

→ Chinese docs

Development

$ yarn
$

# build
$ npm run build

Contributors

Contributing

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

Wechat: alsmile123
Email: [email protected]

Core Maintainers

Who is using

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

License

MIT © le5le.com

About

A diagram (topology, UML) framework uses canvas and typescript. 一个轻量(100k左右)、功能丰富的绘图工具(微服务架构图、拓扑图、流程图、类图等ULM图、脑图,动画、视频支持)。 【在线使用】:

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 99.3%
  • Other 0.7%