代码拉取完成，页面将自动刷新
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.
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。