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

Moyee a5b93503a8 Merge pull request #824 from antvis/dev3.0.5 6 vuotta sitten
.github 6e85cea1d4 add .github 7 vuotta sitten
bin 450fe5579a remove dist 6 vuotta sitten
demos 862357583c fix: drag group node 6 vuotta sitten
plugins 32aac95b5f chore: update package version 6 vuotta sitten
src 7b81e55484 update package version 6 vuotta sitten
test 9d6200da12 Merge pull request #723 from Anderson-Liu/master 6 vuotta sitten
.babelrc b903e82548 chore: fix source map problem 6 vuotta sitten
.editorconfig 2e02ebd00e refactor 2.0 7 vuotta sitten
.eslintignore 2d365e99d8 fix(lint): resolve eslint 6 vuotta sitten
.eslintrc 095e3f6356 chore(plugin): require g6 by src/index 7 vuotta sitten
.gitignore 2e02ebd00e refactor 2.0 7 vuotta sitten
.gitlab-ci.yml 755d46bef1 chore: modify ci config 6 vuotta sitten
.npmignore 2e02ebd00e refactor 2.0 7 vuotta sitten
.torch.compile.opts.js 41e793e63b fix conflict 6 vuotta sitten
.travis.yml 8a3b69ab62 add libgconf-2-4 package 6 vuotta sitten
CHANGELOG.md 7b81e55484 update package version 6 vuotta sitten
CONTRIBUTING.md 86ca43f211 fix(docs): fix typo 7 vuotta sitten
CONTRIBUTING.zh-CN.md 86ca43f211 fix(docs): fix typo 7 vuotta sitten
LICENSE 2e02ebd00e refactor 2.0 7 vuotta sitten
README-zh_CN.md 30a08e6893 chore(README): update README 6 vuotta sitten
README.md 30a08e6893 chore(README): update README 6 vuotta sitten
package.json 7b81e55484 update package version 6 vuotta sitten
webpack-dev.config.js 2e02ebd00e refactor 2.0 7 vuotta sitten
webpack.config.js a8a93c398d feat(plugin): add plugin 6 vuotta sitten

README-zh_CN.md

npm package NPM downloads Percentage of issues still open

English README

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

G6-Editor

G6-Analyzer [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,
  nodeStyle: {
    default: {
      fill: '#40a9ff',
      stroke: '#096dd9'
    }
  },
  edgeStyle: {
    default: { stroke: '#A3B1BF' }
  }
});
graph.read(data);

开发

$ npm install

# run test case
$ npm run test-live

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

如何贡献

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

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

License

MIT license.