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 b0ec07ef01
Merge pull request #928 from antvis/windowProblem
1 day ago
.github add .github 1 year ago
bin remove dist 1 year ago
demos fix: click-select and brush-select conflict 1 week ago
plugins 修复fitView网格空白问题 1 month ago
src fix: version number 1 day ago
test fix use addItem group not add data to groups 1 month ago
types fix: fix the interface of the `on` method 5 days ago
.babelrc chore: fix source map problem 10 months ago
.browserslistrc fix not support ie11 2 weeks ago
.editorconfig refactor 2.0 1 year ago
.eslintignore fix(lint): resolve eslint 10 months ago
.eslintrc chore(plugin): require g6 by src/index 1 year ago
.gitignore fix: polyline not support options styles 1 week ago
.gitlab-ci.yml chore: modify ci config 6 months ago
.npmignore refactor 2.0 1 year ago
.torch.compile.opts.js fix conflict 1 year ago
.travis.yml add libgconf-2-4 package 2 months ago
CHANGELOG.md fix set fitview to true group position bug 2 weeks ago
CONTRIBUTING.md replace g2 to g6 for contributing.md 3 weeks ago
CONTRIBUTING.zh-CN.md replace g2 to g6 for contributing.md 3 weeks ago
LICENSE refactor 2.0 1 year ago
README-zh_CN.md fix: case simplify edge stroke problem. feat: abilities of G6 are revealed by one sentence in readme 1 month ago
README.md fix: case simplify edge stroke problem. feat: abilities of G6 are revealed by one sentence in readme 1 month ago
package.json fix: version number 1 day ago
webpack-dev.config.js refactor 2.0 1 year ago
webpack.config.js feat(plugin): add plugin 8 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, including rendering, layout, interaction, animation, analysis, and other auxiliary tools. Developers are able to build graph visualization analysis applications or graph visualization modeling applications easily. For more details, please see our doc.

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,
  defaultNode: {
    shape: 'circle',
    style: {
      fill: '#40a9ff',
      stroke: '#096dd9'
    }
  },
  nodeStateStyles: {
    hover: {
      lineWidth: 3
    },
    select: {
      lineWidth: 5
    }
  }
});
graph.data(data);
graph.render();

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.