All Projects → le5le-com → Topology

le5le-com / Topology

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

Programming Languages

typescript
32286 projects

Projects that are alternatives of or similar to Topology

Diagram Maker
A library to display an interactive editor for any graph-like data.
Stars: ✭ 2,086 (-36.21%)
Mutual labels:  diagrams, canvas
Ccapture.js
A library to capture canvas-based animations at a fixed framerate
Stars: ✭ 2,836 (-13.27%)
Mutual labels:  canvas
React Financial Charts
Charts dedicated to finance.
Stars: ✭ 201 (-93.85%)
Mutual labels:  canvas
Watermark
canvas图片水印,用于身份证等个人信息添加仅用于XXX等字样保护个人信息
Stars: ✭ 219 (-93.3%)
Mutual labels:  canvas
Canvas2dtowebgl
Ports (almost) all Canvas2D functions to the GPU so it can be mixed with a WebGL canvas.
Stars: ✭ 206 (-93.7%)
Mutual labels:  canvas
Wxa Plugin Canvas
小程序海报组件-生成朋友圈分享海报并生成图片
Stars: ✭ 2,692 (-17.68%)
Mutual labels:  canvas
Demos
One repo to rule them all.
Stars: ✭ 204 (-93.76%)
Mutual labels:  canvas
Hermite Resize
Canvas image resize/resample using Hermite filter with JavaScript.
Stars: ✭ 246 (-92.48%)
Mutual labels:  canvas
Ol3echarts
🌏 📊 ol3Echarts | a openlayers extension to echarts
Stars: ✭ 229 (-93%)
Mutual labels:  canvas
Rembrandt
Image comparison using node-canvas
Stars: ✭ 216 (-93.39%)
Mutual labels:  canvas
Easy Canvas
使用render函数在canvas中创建文档流布局,小程序海报图、小程序朋友圈分享图。easy-canvas is a powerful tool helps us easy to layout with canvas.
Stars: ✭ 216 (-93.39%)
Mutual labels:  canvas
Wxa Comp Canvas Drag
小程序组件-canvas拖拽组件
Stars: ✭ 208 (-93.64%)
Mutual labels:  canvas
Wear A Mask
😷 An SPA that uses only the front-end to perform deep-learning-based facial landmark detection on images and automatically adds breathing mask stickers.
Stars: ✭ 226 (-93.09%)
Mutual labels:  canvas
One Html Page Challenge
Can you create something cool without modern tools?
Stars: ✭ 205 (-93.73%)
Mutual labels:  canvas
Canvas
A Laravel publishing platform
Stars: ✭ 2,838 (-13.21%)
Mutual labels:  canvas
Picasso
Picasso is a high quality 2D vector graphic rendering library. It support path , matrix , gradient , pattern , image and truetype font.
Stars: ✭ 205 (-93.73%)
Mutual labels:  canvas
Flvplayer
🍭 FlvPlayer.js is a JavaScript player for decode flv to the canvas
Stars: ✭ 210 (-93.58%)
Mutual labels:  canvas
Ui
Open source wireframing tool written in typescript, react and redux.
Stars: ✭ 218 (-93.33%)
Mutual labels:  canvas
Demo
前端的一些小demo,包括几种布局以及一些特效
Stars: ✭ 248 (-92.42%)
Mutual labels:  canvas
E Commerce Db
Database schema for e-commerce (webstores) sites.
Stars: ✭ 245 (-92.51%)
Mutual labels:  diagrams

Please follow the topology-v1 that will better!

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

// Monorepos + yarn workspaces
$ yarn
$

// build
$ yarn build

Contributors

Core Maintainers

Contributing

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

Wechat: alsmile123
Email: [email protected]

Who is using

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

License

MIT © le5le.com

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].