G6 是一个图可视化框架。它提供了一套图可视化的基础设置,能帮助开发者搭建属于自己的图 图分析 应用或是 图编辑器 应用
https://antv.alipay.com/zh-cn/g6/3.x/demo/index.html

Elaine1234 a6dee779d9 chore(package): update package version 6 years ago
.github 6e85cea1d4 add .github 7 years ago
bin 6238f68ee0 remove dist 6 years ago
demos a6dee779d9 chore(package): update package version 6 years ago
plugins f48df8a226 chore(minimap): modify dependency 6 years ago
src a6dee779d9 chore(package): update package version 6 years ago
test c8aa0a5cbb fix(event): fix event x & y, fix tooltip x & y, add capture 6 years ago
.babelrc b6104ecc03 chore: fix source map problem 6 years ago
.editorconfig 2e02ebd00e refactor 2.0 7 years ago
.eslintignore 6e85119dae fix(lint): resolve eslint 6 years ago
.eslintrc 6a3f4bee42 chore(plugin): require g6 by src/index 7 years ago
.gitignore 2e02ebd00e refactor 2.0 7 years ago
.npmignore 2e02ebd00e refactor 2.0 7 years ago
.torch.compile.opts.js f48df8a226 chore(minimap): modify dependency 6 years ago
.travis.yml 9242000f2c update .travis.yml 7 years ago
CHANGELOG.md 53a7fdb1f0 Release 2.2.1 6 years ago
CONTRIBUTING.md dfb7747db6 fix(docs): fix typo 7 years ago
CONTRIBUTING.zh-CN.md dfb7747db6 fix(docs): fix typo 7 years ago
LICENSE 2e02ebd00e refactor 2.0 7 years ago
README-zh_CN.md e96b004b7e Update README-zh_CN.md 7 years ago
README.md 75537cf98c Update README.md 6 years ago
package.json a6dee779d9 chore(package): update package version 6 years ago
webpack-dev.config.js 2e02ebd00e refactor 2.0 7 years ago
webpack.config.js c3d56d6ab3 feat(plugin): add plugin 6 years ago

README-zh_CN.md

npm package NPM downloads Percentage of issues still open

English README

G6 是一个图可视化框架。它提供了一套图可视化的基础设置,能帮助开发者搭建属于自己的图 图分析 应用或是 图编辑器 应用。

完整文档

G6-Editor

G6-Analyser [coming soon]

安装

$ 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);

开发

$ npm install

# run test case
$ npm run test-live

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

如何贡献

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

请让我们知道您要解决或贡献什么,所以在贡献之前请先提交 issues 描述 bug 或建议。

成为一个贡献者前请阅读 代码贡献规范.

License

MIT license.