♾ A Graph Visualization Framework in JavaScript.
English | 简体中文
G6 5.0 beta 版本已经发布,还有不少的细节体验问题,欢迎试用和反馈,线上产品暂时谨慎使用,6.6 发布正式版本!
G6 是一个图可视化引擎。它提供了图的绘制、布局、分析、交互、动画、主题、插件等图可视化和分析的基础能力。基于 G6,用户可以快速搭建自己的图可视化分析应用,让关系数据变得简单,透明,有意义。
G6 作为一款专业的图可视化引擎,具有以下特性:
可以通过 NPM 或 Yarn 等包管理器来安装。
$ npm install @antv/g6@next
$ yarn add @antv/g6@next
成功安装之后,可以通过 import 导入 Graph
对象。
<div id="container"></div>
import { Graph } from '@antv/g6';
// 准备数据
const data = {
nodes: [/* your nodes data */],
edges: [/* your edges data */],
};
// 初始化图表实例
const graph = new Graph({
container: 'container',
autoFit: 'view',
data,
node: {
palette: {
type: 'group',
field: 'cluster',
}
},
layout: {
type: 'force',
},
behaviors: ['drag-canvas', 'drag-node'],
});
// 渲染可视化
graph.render();
一切顺利,你可以得到下面的力导图!
更多生态开源项目,欢迎 PR 收录进来。
MIT.