G6: A Graph Visualization Framework in JavaScript.

中文 README

G6 is a graph visualization framework which provides a set of basic mechanisms. Developers are able to build graph visualization analysis application or graph visualization modeling application easily.

notice: G6 3.0 version is now beta testing which brings many breaking changes and new features. For more information please check 3.0 documentation.

See also 2.x Full documentation

G6-Editor

Installation

$ npm install @antv/g6

Usage

import G6 from '@antv/g6';

const data = {
  nodes: [{
    id: 'node1',
    x: 100,
    y: 200
  },{
    id: 'node2',
    x: 300,
    y: 200
  }],
  edges: [{
    target: 'node2',
    source: 'node1'
  }]
};
const graph = new G6.Graph({
  container: 'mountNode',
  width: 500,
  height: 500
});
graph.read(data);

Development

$ npm install

# run test case
$ npm run test-live

# build watching file changes and run demos
$ npm run dev

How to Contribute

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.

Experience Improvement

To better serve the users, G6 sends URL and version infomation back to AntV server: https://kcart.alipay.com/web/bi.do We will never collect other information. If you are worried about that, close it by:

G6.track(false);

License

MIT license.