简体中文 | English
G6VP 取名意为 AntV G6 Visualization Platform,曾用名 AntV/GraphInsight
,它是一款在线图可视分析产品,也是一款图应用的低代码搭建工具。
01 快速体验
1.1 创建数据集
巧妇难为无米之炊,在分析数据之前,我们需要创建一个数据集,数据集可以来自本地的 JSON,CSV,XLSX 文件,可以来自图数据库:TuGraph,GraphScope,HugeGraph,Galaxybase,Neo4j,JanusGraph,也可以是用户自定义的服务,如下图所示,我们选择 Neo4j 某个 database 作为数据集。
1.2 创建工作薄
有了数据,我们便可以创建一个分析画布,创建画布的时候,我们可以选择不同的模版,模版来自资产包,也可以来自用户手动保存或者从资产清单选购的模版。
1.3 配置画布
进入画布后,我们便可以通过侧边栏的「样式」「布局」对画布进行视觉映射,同时也可以在「组件」导航栏中配置整个画布应用,整个图分析能力,在这里可以像搭建积木一样组装起来。
1.4 记得按时保存
记得按时点击右上角的「保存」按钮,这样画布的配置信息都会保存下来,下次进入直接分析
1.5 导出 SDK
对于有研发需要的朋友,可以点击画布的右上角「开放」按钮,即可进行画布的源码导出,目前支持 HTML,CDN,NPM 三种源码导出方式,方便开发者进行二次开发和独立部署
1.6 探索更多惊喜
G6VP 产品中包含了很多的惊喜功能,大家可以前往「开放市场 / 资产列表」中查看还有哪些好玩的分析功能,对于感兴趣的资产,还可以加入购物车,在这里选购的资产清单还可以快速生成应用模版。目前 G6VP 开源版本包含图分析资产 79 个,图元素资产 3 个,图布局资产 9 个。欢迎大家多多提宝贵意见~
02. 开发 G6VP
G6VP 采用 pnpm 管理仓库,根据 pnpm 的官方兼容性说明,请提前使用 nvm 切换 Node.js 版本到 14 及其以上。
2.1 安装依赖
pnpm install // 会安装全部的依赖,且将子包的产物一次性运行出来
2.2 启动站点
cd packages/gi-site
npm run start
更多研发,构建问题,请移步阅读《共建 G6VP 项目》