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.

Figure 1 Editor page

**Table 1** Graph editor
Area	Description
Exploration pane	Graph exploration tools, for example, path expansion. For details about the functions, see Exploring Graphs.
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	Gremlin query statements Cypher query statements DSL query statements
Result display pane	There are two tab pages: Running Record where you can View Running Records. Query Result where you can Viewing Query Results.
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. It contains the following three tabs: The Filtering tab page allows you to set properties and conditions to filter the data for analysis. For details, see Filter Criteria. The Property tab page displays the property information about a vertex or an edge. The statistics tab displays the number of labels and vertex weights of the selected vertices and edges. For details, see Statistics Display.

Figure 2 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 3 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.
	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. When the number of properties is greater than six, you can view all of them in the filter and property tab as shown in Editor page.
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.