Code Monkey home page Code Monkey logo

andyfang94 / topology Goto Github PK

View Code? Open in Web Editor NEW

This project forked from 1257any/topology

0.0 0.0 0.0 5.35 MB

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

Home Page: http://topology.le5le.com/

License: MIT License

JavaScript 0.18% TypeScript 99.54% HTML 0.20% Shell 0.08%

topology's Introduction

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

topology's People

Contributors

alsmile avatar signdawn avatar deyihu avatar giscafer avatar carterli avatar arfawong avatar roojay520 avatar aimluo avatar forestho avatar ananzhusen avatar leeganing avatar liuqing650 avatar jinan5694 avatar keepawayfrom404 avatar iamxue avatar bruce-ming avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.