🌈 G6VP 图可视化
仅需 5 步，即可呈现 🎊
1. 启动 GeaFlow 流图作业和 Socket 服务
参考 快速开始
⚠️ 注意在 启动SocketServer 步骤使用下列命令代替
bin/socket.sh 9003 GI
输出下列内容时，即表示 Tugraph Analytics 准备好建立连接
如启动服务过程中遇到问题，可见 https://github.com/TuGraph-family/tugraph-analytics/issues/1
2. 创建 G6VP 项目
进入新建画布，输入工作簿名称。我们会在后面手动添加点边数据，所以这里随便选择一个案例数据集即可，模版使用极简模版
3. 添加组件
我们需要添加两个组件，在工具栏中添加 清空画布；然后在默认布局的侧边容器中添加环路检测 Demo
此时项目画布应该如下所示
点击工具栏中的🧹清除选项来清空画布节点
默认情况下，添加完环路检测Demo组件后，会自动建立连接。
Tugraph Analytics 端建立连接后同样会输出以下内容：
4. 演示
环路检测 Demo 提供了两种方式来进行交互：
- 方式一 在输入框中输入点边信息
- 方式二 使用内置数据进行演示
两种方式本质都是调用 Tugraph Analytics 进行实时计算，不过方式二省略了手动输入过程。
这里我们使用内置数据进行快速演示，点击【选项】，选择添加点，画布中出现了 7 个点信息；接着选择添加边。我们可以在上方对话框中看到添加记录。
同样的，Tugraph Analytics 终端也会实时输出操作信息，并自动启动计算任务。
5. 结果展示
Tugraph Analytics 完成环路检测计算任务后，会自动返回检测结果。
右侧画布中会动态显示出本次环路检测结果信息：