Updated on 2024-01-03 GMT+08:00

Graph Editor

The graph editor consists of a graph analysis area (algorithm library, metadata tab, operation tab, and graph exploration), canvas, query text box, result display pane, and filtering and property tabs.

Table 1 Graph editor

Area

Description

Operations

Operations executed by API calls. For details, see Adding Custom Operations.

Schema

Metadata operations, such as adding, hiding, importing, and exporting data. For details, see Editing Schema.

Algorithms

Algorithms supported by GES. You can set the properties of each algorithm in this area. Table 2 describes the functions of the algorithm library.

NOTE:

After you select an algorithm in the algorithm library and execute it, the canvas displays the sampling sub-graph that contains the key result. The execution result is incomplete. To obtain the complete returned result, call the corresponding API.

Canvas

Graph structure of data. Shortcut operations are preset in the drawing area for you to easily analyze the graph data.

Table 3 describes the functions of the drawing area.

Query box

  1. Gremlin query statements
  2. Cypher query statements
  3. DSL query statements

Result display pane

There are two tab pages:

Filter and Property area

On the canvas, select a vertex and right-click it. Then, choose View Property from the shortcut menu to view the Filter and Property area.

Figure 1 Algorithm Library
Table 2 Algorithm library description

Interface Element

Description

Enter the algorithm name to quickly find it.

Expand the algorithm parameter configuration area.

Run the algorithm.

Set the properties of an algorithm. Different algorithms have different properties. For details, see Algorithms.

Figure 2 Canvas
Table 3 Canvas description

Interface Element

Description

Row 1: 13 indicates the number of vertices displayed on the current canvas and 886813 indicates the total number of vertices in the entire graph.

Row 2: 9 indicates the number of edges displayed on the current canvas and 892773 indicates the total number of edges in the entire graph.

An isolated vertex is a vertex that is not an endpoint of any edge.

  • To display isolated vertices in a selected area, press Ctrl and click and drag to select an area on the canvas, and then click Isolated Vertices.
  • To display all isolated vertices in the canvas, click Isolated Vertices.

Select a vertex in the canvas and click neighbor vertices to view all vertices associated.

Cancel the previous operation.

Redo the canceled previous operation.

Select All data or Current data.

  • All data indicates all data of a graph.
  • Current data indicates the data rendered on the canvas.

You can change the theme of the GES editor. Three themes are supported: light, dark, and system.

After you select All data or Current data, enter the node ID in the search box, for example, 2. Press Enter or click the query icon to search for the corresponding vertex and render it to the canvas.

NOTE:
  • Currently, only a single vertex ID can be entered.
  • If you choose Current data from the drop-down list, vertices on the current canvas are highlighted.

Click Clear to clear all content on the canvas.

Export the canvas content as a PNG or CSV file (snapshot or vertex and edge file of the current canvas).

Keyboard shortcuts

  • Ctrl+E: Select an associated entity.
  • Ctrl+'+': Zoom in.
  • Ctrl+'-': Zoom out
  • Ctrl+Z: Undo an operation.
  • Ctrl+A: Select all.
  • Ctrl+Delete: Clear the canvas.
  • Delete: Hide vertices.
  • Ctrl+Click: Select multiple vertices and edges.

Zoom in the graph. You can zoom in a graph to at most 600%.

Zoom out the graph. You can zoom out a graph to 5%.

Automatic screen adaptation

When the displayed graph data is too large (cannot be completely displayed) or too small, you can click this button to quickly adjust it based on the screen size.

Whether to display legends

Quick layout switchover. From left to right: Force directed, Circle, Grid, Radial-tree, Hierarchical, CoSE, and Double-core. Figure Force directed shows how the graph looks on the canvas.

NOTE:

The Double-core takes effect only when two nodes are selected.

Click a vertex to select the color and size, which is a good way to mark data.

Vertex details. Move the cursor to a non-virtualized vertex. The ID, label, and properties of this vertex are displayed.

NOTE:

A maximum of six properties of a vertex can be displayed in the pop-up window.

Shortcut operations in the drawing area

Box-select: Shift + Left-click and drag

All vertices in the box are selected, as illustrated in the following figure.

Multi-select: Ctrl + Left-click and drag

All vertices in the box are selected and highlighted, as illustrated in the following figure.

Select/Deselect: Ctrl + Left-click

Press Ctrl and left-click a vertex or an edge to select and highlight it. Press Ctrl and left-click the vertex or edge again to deselect it.

Select all: Ctrl + A

Select and highlight all vertices and edges.

Select associated vertices and edges: Ctrl + E

Select a vertex and press Ctrl + E to highlight all vertices and edges associated with it.

Hide: Delete

Quickly hide a vertex or an edge.

Adaptation: Ctrl + F

Automatically zoom in or out all vertices and edges based on the current screen width and height.

Zoom out: -

Press the - key on the keyboard to zoom out the graph.

Zoom in: = (+)

Press the + key on the keyboard to zoom in the graph.

Deselect: Esc

Deselect all selected and highlighted vertices and edges.

Zoom in and zoom out: Scroll the mouse wheel forwards and backwards.

Scroll the mouse wheel to zoom in or out the graph.

Figure 3 Force directed
Figure 4 Circle
Figure 5 Grid
Figure 6 Radial-tree
Figure 7 Hierarchical
Figure 8 CoSE
Figure 9 Double-core