tyn1998 / G6VP

G6 Visualization Platform :A low-code graph analysis application building platform, and also a graph visual analysis product

Home Page:https://insight.antv.antgroup.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Version NPM downloads Latest commit

简体中文 | English

G6VP 取名意为 AntV G6 Visualization Platform,曾用名 AntV/GraphInsight,它是一款在线图可视分析产品,也是一款图应用的低代码搭建工具。

demo2

01 快速体验

1.1 创建数据集

巧妇难为无米之炊,在分析数据之前,我们需要创建一个数据集,数据集可以来自本地的 JSON,CSV,XLSX 文件,可以来自图数据库:TuGraph,GraphScope,HugeGraph,Galaxybase,Neo4j,JanusGraph,也可以是用户自定义的服务,如下图所示,我们选择 Neo4j 某个 database 作为数据集。

image

1.2 创建工作簿

有了数据,我们便可以创建一个分析画布,创建画布的时候,我们可以选择不同的模版,模版来自资产包,也可以来自用户手动保存或者从资产清单选购的模版。

image

1.3 配置画布

进入画布后,我们便可以通过侧边栏的「样式」「布局」对画布进行视觉映射,同时也可以在「组件」导航栏中配置整个画布应用,整个图分析能力,在这里可以像搭建积木一样组装起来。

image

1.4 记得按时保存

记得按时点击右上角的「保存」按钮,这样画布的配置信息都会保存下来,下次进入直接分析

image

1.5 导出 SDK

对于有研发需要的朋友,可以点击画布的右上角「开放」按钮,即可进行画布的源码导出,目前支持 HTML,CDN,NPM 三种源码导出方式,方便开发者进行二次开发和独立部署

image

1.6 探索更多惊喜

G6VP 产品中包含了很多的惊喜功能,大家可以前往「开放市场 / 资产列表」中查看还有哪些好玩的分析功能,对于感兴趣的资产,还可以加入购物车,在这里选购的资产清单还可以快速生成应用模版。目前 G6VP 开源版本包含图分析资产 79 个,图元素资产 3 个,图布局资产 9 个。欢迎大家多多提宝贵意见~

02. 开发 G6VP

G6VP 采用 pnpm 8 和 Node 16 进行开发,Node 版本过高在安装依赖和运行 NPM 脚本时可能存在问题。我们建议使用 nvm 管理 Node 版本,在使用 nvm 切换到 Node 16 环境后运行npm -g install pnpm@8安装 pnpm 8。

2.1 安装依赖

pnpm install // 会安装全部的依赖,且将子包的产物一次性运行出来

2.2 启动站点

cd packages/gi-site
npm run start

更多研发,构建问题,请移步阅读《共建 G6VP 项目》

03 扩展阅读

About

G6 Visualization Platform :A low-code graph analysis application building platform, and also a graph visual analysis product

https://insight.antv.antgroup.com

License:Apache License 2.0


Languages

Language:TypeScript 54.2%Language:CSS 42.7%Language:Less 1.5%Language:JavaScript 1.3%Language:HTML 0.2%Language:EJS 0.1%Language:Dockerfile 0.0%Language:Smarty 0.0%Language:Shell 0.0%