高性能服务器架构拓扑图,topology: 开源、易扩展、方便集成的在线绘图（微服务架构图、网络拓扑图、流程图等）工具...

Le5le-topology

Le5le-topology 是一个可视化在线绘图工具，使用 Canvas + Typescript。可以很方便的绘制各种如 topology, UML 等图；还可以很方便的分析微服务之间的关联关系、动态流量等。

→ 在线画图官网 ，网站可能比较慢，个人申请的云服务器带宽仅仅 1M。

特性

极易扩展 - 程序员可以以中间件方式编写自己的图表。框架实现了拖曳、缩放、旋转、自定义属性等基础操作，开发者只用关心图表绘画实现即可。

流畅、高性能 - 使用 canvas 和多个场景离屏，操作过程流畅；完全不用担心 SVG 方式 dom 元素过多，性能高效。

动画特效 - 目前暂实现了线条动画，可用于展示微服务直接的调用关系和流量演示。

TypeScript - 使用 TypeScript 编写，支持导出到 es6 和 TypeScript 中。

源码结构

- libs

|- topology // topogoly-core库源码

- src // 官网源码.

- demo // demo

快速上手

import { Topology } from 'togology-core';

var canvas = new Topology('topo-dom', options);

canvas.render