TigerGraph Gvis 图形可视化工具：详解及案例演示

Gvis 是 TigerGraph 的可视化工具，用于将图数据库中的数据可视化成图形化的展示。它支持多种图形类型和布局方式，可以根据用户需求自定义节点和边的颜色、形状和大小等属性。

关于 Gvis 的 demo 案例，TigerGraph 官方网站上提供了多个实例，其中包括社交网络、金融交易、物流运输等领域的应用。以下是其中一个简单的 demo：

数据准备

我们创建一个简单的社交网络数据，其中有'人'和'朋友'两种节点类型，以及'认识'这种边类型。我们可以使用以下命令将数据导入 TigerGraph 数据库：

CREATE VERTEX Person (PRIMARY_ID id STRING, name STRING) WITH primary_id_as_attribute="true"
CREATE VERTEX Friend (PRIMARY_ID id STRING, name STRING) WITH primary_id_as_attribute="true"
CREATE EDGE Knows (FROM Person, TO Friend, connect_day DATETIME) WITH REVERSE_EDGE="Knows"

Gvis 设置

我们将使用 Gvis 将这些数据可视化成一个图表。首先，我们需要在 TigerGraph 控制台中打开 Gvis。接着，我们需要将数据映射到 Gvis 的节点和边：

CREATE GRAPHVIS gvis1 FOR GRAPH social {
  DEFINE QUERY PersonForGvis() FOR GRAPH social { 
    Result = SELECT s.id, s.name, "Person" AS type FROM Person:s 
  };
  DEFINE QUERY FriendForGvis() FOR GRAPH social { 
    Result = SELECT s.id, s.name, "Friend" AS type FROM Friend:s 
  };
  DEFINE QUERY KnowsForGvis() FOR GRAPH social { 
    Result = SELECT s._src AS src, s._dst AS dst, s.connect_day, "Knows" AS type FROM Knows:s 
  };
  REGISTER QUERY PersonForGvis AS P;
  REGISTER QUERY FriendForGvis AS F;
  REGISTER QUERY KnowsForGvis AS K;
  Gvis1 = { 
    Persons = { 
      NODEQUERY = P, 
      LABEL_FIELD = "name", 
      STYLE = { "type": "circle", "fill": "#66ccff", "stroke": "#333" } 
    }, 
    Friends = { 
      NODEQUERY = F, 
      LABEL_FIELD = "name", 
      STYLE = { "type": "circle", "fill": "#ff9933", "stroke": "#333" } 
    }, 
    Knows = { 
      EDGEQUERY = K, 
      LABEL_FIELD = "connect_day", 
      STYLE = { "fill": "#333", "stroke": "#333" } 
    } 
  };
}

以上代码定义了三个查询：PersonForGvis、FriendForGvis 和 KnowsForGvis，分别将 Person、Friend 和 Knows 这三种节点和边的数据映射到 Gvis 的节点和边。然后，我们将这些节点和边的样式设置好，最终得到一个名为“gvis1”的 Gvis 实例。

查看图表

最后，我们可以在 TigerGraph 控制台的 Gvis 管理页面中查看这个图表。我们可以选择不同的布局方式、缩放比例和节点/边的显示属性，以及在节点上添加单击事件和鼠标悬停事件等。

以上就是一个简单的 Gvis demo。通过 Gvis，我们可以轻松地将 TigerGraph 图数据库中的数据可视化展示，从而更直观地了解数据的结构和关系。