You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Moyee d45e11a062
Merge pull request #762 from antvis/feat-behavior-20190719
1 month ago
.github add .github 1 year ago
bin remove dist 10 months ago
demos update register-arrow demo to support drag node 1 month ago
plugins chore: update package version 2 months ago
src update global version 1 month ago
test update global version 1 month ago
.babelrc chore: fix source map problem 7 months ago
.editorconfig refactor 2.0 1 year ago
.eslintignore fix(lint): resolve eslint 7 months ago
.eslintrc chore(plugin): require g6 by src/index 1 year ago
.gitignore refactor 2.0 1 year ago
.gitlab-ci.yml chore: modify ci config 3 months ago
.npmignore refactor 2.0 1 year ago
.torch.compile.opts.js fix conflict 11 months ago
.travis.yml update .travis.yml 1 year ago
CHANGELOG.md feat: add five demos and update three behaviors 1 month ago
CONTRIBUTING.md fix(docs): fix typo 1 year ago
CONTRIBUTING.zh-CN.md fix(docs): fix typo 1 year ago
LICENSE refactor 2.0 1 year ago
README-zh_CN.md chore(README): update README 4 months ago
README.md chore(README): update README 4 months ago
package.json fix drag-node x and y position 1 month ago
webpack-dev.config.js refactor 2.0 1 year ago
webpack.config.js feat(plugin): add plugin 5 months ago

README.md

G6: A Graph Visualization Framework in JavaScript.

npm package NPM downloads Percentage of issues still open

中文 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. For more details, please see our doc.

G6-Editor

G6-Analyzer [coming soon]

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,
  nodeStyle: {
    default: {
      fill: '#40a9ff',
      stroke: '#096dd9'
    }
  },
  edgeStyle: {
    default: { stroke: '#A3B1BF' }
  }
});
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.

License

MIT license.