# topology-flow-diagram

> A flow diagram tool using le5le-topology.

Latest version **0.0.3** (published 2019-12-13) · ISC license · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install topology-flow-diagram
pnpm add topology-flow-diagram
yarn add topology-flow-diagram
bun add topology-flow-diagram
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 0.0.3 |
| Published | 2019-12-13 |
| First published | 2019-08-09 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 55.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 30 |
| Author | alsmile123@qq.com |
| Maintainers | alsmile |
| Keywords | topology, flow, diagram, canvas |

## Links

- npm: https://www.npmjs.com/package/topology-flow-diagram
- Repository: https://github.com/le5le-com/topology
- Homepage: https://github.com/le5le-com/topology#readme
- Issues: https://github.com/le5le-com/topology/issues
- npm.io page: https://npm.io/package/topology-flow-diagram

## Alternatives

- [exif-parser](https://npm.io/package/exif-parser.md) — 3.8M weekly downloads
- [vite-plugin-compression](https://npm.io/package/vite-plugin-compression.md) — 569.5K weekly downloads
- [pica](https://npm.io/package/pica.md) — 442.4K weekly downloads
- [@reportportal/client-javascript](https://npm.io/package/@reportportal/client-javascript.md) — 408.8K weekly downloads
- [@tldraw/state](https://npm.io/package/@tldraw/state.md) — 316.0K weekly downloads

## Recent versions

- 0.0.3 (latest) — 2019-12-13
- 0.0.1 — 2019-08-09

## README

# This repo is for topology 0.x.x

The new version 1.0 is [meta2d.js](https://github.com/le5le-com/meta2d.js) ！

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

# 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.

- [→ Online](http://topology.le5le.com) . It is very slow while open the site for my network speed is 1Mb/s.
- [→ Docs](https://le5le-com.github.io/topology/)
- [→ Download](https://github.com/le5le-com/topology/releases)

* [→ Vue Guide](https://juejin.im/post/5dd73e85518825731c34b2ca)
* [→ React Guide](https://juejin.im/post/5dcc074151882559c8061905)
* [→ Es5](https://github.com/johnnyhhj/topolofy-es5)

![topology](https://img2018.cnblogs.com/blog/328506/201909/328506-20190904144733715-530893726.png)

# VS Code extension

[VS Code extension](https://marketplace.visualstudio.com/items?itemName=Alsmile.le5le-topology-plugin)

# 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](https://www.yuque.com/alsmile/topology/about)

# Development

```
// Monorepos + yarn workspaces
$ yarn
$

// build
$ yarn build

```

# Contributors

- [Nickbing Lao](https://github.com/giscafer)
- [ivanZzzz](https://github.com/ivan135)
- [johnnyhhj](https://github.com/johnnyhhj)
- [FxLsoft](https://github.com/FxLsoft)
- [sunnyguohua](https://github.com/sunnyguohua)

# Core Maintainers

- [Alsmile](https://github.com/Alsmile)
- [hudeyi](https://github.com/deyihu)


# Contributing

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

Wechat: alsmile123  
Email: alsmile123@qq.com

# Who is using

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

# License

MIT © le5le.com

---
_Source: https://npm.io/package/topology-flow-diagram · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._