假如图数据库tigergraph开发人员帮我解释一下什么是gvis吧有没有相关的demo案例结合前端代码展示一下

Gvis是TigerGraph的可视化工具，可以帮助用户将TigerGraph数据库中的数据以图形化的方式呈现出来。Gvis提供了多种可视化方式，包括关系图、漏斗图、热力图等，用户可以根据需要选择合适的方式进行展示。

以下是一个简单的Gvis demo案例：

前端代码：

<html>
<head>
    <script src="https://cdn.jsdelivr.net/npm/@tigergraph/gsql-graph-vis@2.0.0/dist/gsql-graph-vis.min.js"></script>
    <script>
        async function loadGraph() {
            const gvis = new Gvis({
                container: 'graph-container',
                width: '100%',
                height: '600px',
                url: 'https://your-tigergraph-server:14240',
                graph: {
                    vertex: {
                        'Person': {
                            label: 'name',
                            shape: 'icon',
                            icon: {
                                face: 'FontAwesome',
                                code: '\uf007',
                                size: 50,
                                color: '#7BE141'
                            }
                        }
                    },
                    edge: {
                        'FRIEND': {
                            label: 'since',
                            color: '#7BE141'
                        }
                    }
                }
            });

            await gvis.connect({
                username: 'tigergraph',
                password: 'tigergraph',
                graphName: 'social'
            });

            await gvis.runQuery({
                query: 'SELECT * FROM Person-[:FRIEND]-Person'
            });

            await gvis.render();
        }
    </script>
</head>
<body onload="loadGraph()">
    <div id="graph-container"></div>
</body>
</html>

此代码使用了Gvis库，通过连接到TigerGraph服务器，运行查询，然后呈现图形化结果。具体的可视化效果取决于查询和图形配置。

假如图数据库tigergraph开发人员帮我解释一下什么是gvis吧有没有相关的demo案例结合前端代码展示一下