by antvis

antvis / x6

šŸŒµJavaScript diagramming library.

288 Stars 34 Forks Last release: Not found MIT License 1.4K Commits 0 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:


JavaScript diagramming library

MIT License Language PRs Welcome

build coverage Language grade: JavaScript

NPM Package NPM Downloads NPM Dependencies

Dependency Status devDependencies Status


# npm
$ npm install @antv/x6 --save


$ yarn add @antv/x6


import { Graph } from '@antv/x6'

const graph = new Graph({ container: document.getElementById('container'), })

const source = graph.addNode({ x: 60, y: 60, width: 80, height: 40, label: 'Hello', })

const target = graph.addNode({ x: 240, y: 240, width: 80, height: 40, label: 'World', })

graph.addEdge({ source, target, })


# install yarn and lerna
$ npm install yarn -g
$ npm install lerna -g

install deps and build

$ yarn bootstrap

run tests

$ yarn test


$ yarn build

Experience Improvement Program Description

In order to serve the users better, x6 will send the URL and version information back to the AntV server:


Except for URL and x6 version information, no other information will be collected. You can also turn it off with the following code:

import { Config } from '@antv/x6'



Please let us know how can we help. Do check out issues for bug reports or suggestions first.

To become a contributor, please follow our contributing guide.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.