Help Center> Graph Engine Service> User Guide> Introduction to the Graph Editor> Graph Editor Overview

Graph Editor Overview

The graph editor consists of the algorithm library, Gremlin, canvas, result display, and filtering and property areas.

**Table 1** Area description
Area	Description
Algorithm Library	Lists all 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.
Gremlin	Allows you to enter Gremlin query statements to query a graph.
Canvas	Displays the graph data in a visualized manner. 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.
Result Display	Contains the following two tab pages: Running Record: For details, see View Running Records. Query Result: For details, see Viewing Query Results.
Filtering and Property	On the canvas, select a vertex and right-click it. Then, choose View Property from the shortcut menu to display the area. It contains the following two tab pages: The Filtering tab page allows you to set properties and conditions to filter the data for analysis. For details, see Filtering Conditions. The Property tab page displays the property information about a vertex or an edge.

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.
	Select a label as required. Select the label's property to be displayed.
	Cancel the 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.
	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.
	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+S: Save the canvas. Ctrl+E: Clear all content on the canvas. Ctrl++: Zoom in. Ctrl+-: Zoom out. Ctrl+Z: Cancel the undo operation. Ctrl+A: Select all content on the canvas. del: Delete the selected vertex from the canvas. 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. See Force directed. NOTE: The Double-core takes effect only when two nodes are selected.
	Legend. Click the legend content to select the color and size of the legend as required.
Shortcut operations in the drawing area	Box-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.
	Delete Quickly delete a vertex or an edge.
	Adaptation: Alt + 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.