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

dong 9deeb4cce4 Merge pull request #689 from antvis/daily-190419 6 年之前
.github 6e85cea1d4 add .github 7 年之前
bin 6238f68ee0 remove dist 6 年之前
demos 0f0232f78a chore(demo): update demo style 6 年之前
plugins c954ac1ec3 fix(minimap): destroy container dom when graph is destroyed 6 年之前
src 694e1e45a0 chore(util): modify constants 6 年之前
test 258aca428c feat(util): add util to measure text position with refX, refY & rotate 6 年之前
.babelrc b6104ecc03 chore: fix source map problem 6 年之前
.editorconfig 2e02ebd00e refactor 2.0 7 年之前
.eslintignore 6e85119dae fix(lint): resolve eslint 6 年之前
.eslintrc 6a3f4bee42 chore(plugin): require g6 by src/index 7 年之前
.gitignore 2e02ebd00e refactor 2.0 7 年之前
.npmignore 2e02ebd00e refactor 2.0 7 年之前
.torch.compile.opts.js dd18e01fbf fix conflict 7 年之前
.travis.yml 9242000f2c update .travis.yml 7 年之前
CHANGELOG.md 39f8b64292 feat: add saveimage limitRatio 6 年之前
CONTRIBUTING.md dfb7747db6 fix(docs): fix typo 7 年之前
CONTRIBUTING.zh-CN.md dfb7747db6 fix(docs): fix typo 7 年之前
LICENSE 2e02ebd00e refactor 2.0 7 年之前
README-zh_CN.md d5a7cd0ba8 chore(README): update README 6 年之前
README.md d5a7cd0ba8 chore(README): update README 6 年之前
package.json 2a45fbdcf4 chore(package): update package version 6 年之前
webpack-dev.config.js 2e02ebd00e refactor 2.0 7 年之前
webpack.config.js c3d56d6ab3 feat(plugin): add plugin 6 年之前

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.