Skip to content
♾ A Graph Visualization Framework in JavaScript
TypeScript Other
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github chore: prettier all code Feb 14, 2020
.storybook chore: prettier all code Feb 14, 2020
demos chore: prettier all code Feb 14, 2020
docs fix: line with control points bug. doc: draggable for custom node doc Feb 14, 2020
examples fix: line with control points bug. doc: draggable for custom node doc Feb 14, 2020
site chore: prettier all code Feb 14, 2020
src fix: minimap delegate and keyShape bug. fix: null matrix of getLoopCfgs. Feb 17, 2020
stories fix: minimap delegate and keyShape bug. fix: null matrix of getLoopCfgs. Feb 17, 2020
tests/unit fix: minimap delegate and keyShape bug. fix: null matrix of getLoopCfgs. Feb 17, 2020
.babelrc.js chore: prettier all code Feb 14, 2020
.browserslistrc fix not support ie11 Oct 28, 2019
.editorconfig refactor 2.0 Jun 5, 2018
.eslintignore Merge branch 'dev-3.3' into g6-dev-20191209 Jan 3, 2020
.eslintrc.js chore: prettier all code Feb 14, 2020
.fatherrc.js fix: update types path Jan 16, 2020
.gitignore refactor plugins and build Jan 3, 2020
.gitlab-ci.yml chore: prettier all code Feb 14, 2020
.npmignore fix: G6 package delete public and .cache file Nov 17, 2019
.prettierignore chore: prettier all code Feb 14, 2020
.prettierrc.js chore: update scaffold Jan 2, 2020
.travis.yml chore: prettier all code Feb 14, 2020
CHANGELOG.md doc: add 3.3.3 CHANGELOG Feb 17, 2020
CNAME Create CNAME Feb 11, 2020
CONTRIBUTING.md chore: prettier all code Feb 14, 2020
CONTRIBUTING.zh-CN.md chore: prettier all code Feb 14, 2020
LICENSE refactor 2.0 Jun 5, 2018
README-zh_CN.md chore: prettier all code Feb 14, 2020
README.md chore: prettier all code Feb 14, 2020
gatsby-browser.js chore: prettier all code Feb 14, 2020
gatsby-config.js chore: prettier all code Feb 14, 2020
global.d.ts chore: prettier all code Feb 14, 2020
jest.config.js chore: prettier all code Feb 14, 2020
package.json fix: minimap delegate and keyShape bug. fix: null matrix of getLoopCfgs. Feb 17, 2020
tsconfig.json chore: prettier all code Feb 14, 2020
webpack.config.js chore: prettier all code Feb 14, 2020
webpack.dev.config.js chore: prettier all code Feb 14, 2020

README.md

G6: A Graph Visualization Framework in TypeScript.

Coverage Status 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: {
    type: '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.

You can’t perform that action at this time.