Update explorer

docs-2.0/nebula-explorer/about-explorer/ex-ug-what-is-explorer.md

@@ -10,9 +10,7 @@ Nebula Explorer (Explorer in short) is a browser-based visualization tool. It is
 
     You can also try some functions online in [Explorer](https://explorer.nebula-graph.io/).
 
-!!! Note
-
-    Users can also try out some functions online at [Explorer](https://explorer.nebula-graph.com.cn/).
+![explorer](../figs/explorer-en.png)
 
 ## Scenarios
 

docs-2.0/nebula-explorer/deploy-connect/ex-ug-connect.md

@@ -36,12 +36,12 @@ To connect Explorer to Nebula Graph, follow these steps:
 
     - If authentication is enabled and different users are created and assigned roles, users in different roles log in with their accounts and passwords.
 
-   ![The Config Server page shows the fields to be configured for connection](../figs/ex-ug-050.png "Config Server")
+   ![The Config Server page shows the fields to be configured for connection](../figs/ex-ug-001-1.png)
 
-2. After the configuration, click the **Connect** button.
+2. After the configuration, click the **Login** button.
 
    If you can see the interface as shown in the below, it means you have successfully connected to the Nebula Graph database.
 
-   ![The Console page shows that the connection is successful](../figs/ex-ug-051.png "Nebula Graph is connected")
+   ![The Console page shows that the connection is successful](../figs/ex-ug-051-1.png "Nebula Graph is connected")
 
 One session continues for up to 30 minutes. If you do not operate Explorer within 30 minutes, the active session will time out and you must connect to Nebula Graph again.

docs-2.0/nebula-explorer/deploy-connect/ex-ug-deploy.md

@@ -37,6 +37,7 @@ Before you deploy Explorer, you must do a check of these:
    ```bash
    $ sudo rpm -i nebula-graph-explorer-<version>.x86_64.rpm
    ```
+
 ### Uninstall
 
 Users can uninstall Explorer using the following command:
@@ -131,6 +132,6 @@ When Explorer is started, use `http://ip address:7002` to get access to Explorer
 
 Seeing the following login interface, Explorer is successfully connected to Nebula Graph.
 
-![Nebula Explorer](../figs/ex-ug-001.png)
+![Nebula Explorer](../figs/ex-ug-001-1.png)
 
 After entering the Explorer login interface, you need to connect to Nebula Graph. For more information, refer to [Connecting to the Nebula Graph](../deploy-connect/ex-ug-connect.md).

docs-2.0/nebula-explorer/deploy-connect/ex-ug-reset-connection.md

@@ -1,4 +1,4 @@
-# Reset connection
+# Clear connection
 
 When Explorer is still connected to a Nebula Graph database, in the toolbar, select Settings ![icon](../figs/nav-setup.png) > clear connect, as shown in the below:
 

docs-2.0/nebula-explorer/operation-guide/ex-ug-canvas.md

@@ -5,26 +5,41 @@ This topic describes operation in canvas.
 ## Display vertexes and edges
 
 Move the mouse to the vertex or edge to view in detail. The following shows the detailed information of the vertex with `VID 107`:
+
 ![show](../figs/ex-ug-024-1.png)
 
 ## Batch selection
 
 Explorer supports batch selection and views the data of multiple vertexes and edges. The detailed data can be opened and viewed in the vertexes and edges overview at the lower-left corner of the canvas. It also supports exporting CSV files of selected vertexes or edges.
+
 ![review](../figs/ex-ug-027.png)
 
 ### Frame selection
 
 After clicking the ![frameselect](../figs/nav-frameSelect.png) icon, hold down the left button to drag and select multiple vertexes and edges. Examples are as follows:
-![slect](../figs/ex-ug-023-1.png)
+
+![select](../figs/ex-ug-023-1.png)
 
 ### Click to select multiple vertexes and edges
 
 Click the ![singleselect](../figs/nav-singleSelect.png) icon or hold down Shift, click and select multiple vertexes and edges with the mouse, and click the blank space to cancel the selection. Examples are as follows:
+
 ![select](../figs/ex-ug-025.png)
 
 ## Quick operation
 
 You can select one or more vertexes and edges, and right-click in the blank area to expand the vertexes, search the path between two vertexes, and show or hide their property on the canvas. The number of vertexes and edges you choose will affect the operations that can be performed. For more information, see [Graph Exploration Expansion](../operation-guide/ex-ug-graph-exploration.md).
+
 ![quick](../figs/ex-ug-026.png)
 
-Click **Fit Selection** to move the selected data to the center of the canvas for users to view.
+Click **Fit Selection** to move the selected data to the center of the canvas for users to view.
+
+## Vertex Filter
+
+You can filter the vertexes displayed on the canvas. In this example, select the vertexes with the Tag `player` and the property `age` greater than or equal to 35, and click the `Apply Filter` button.
+
+!!! note
+
+    Each set of filter conditions aims at the data with this Tag. If the conditions are met, the corresponding vertex will be automatically selected. If the conditions are not met, the corresponding vertex will turn gray. The data status of other Tags will not be affected.
+
+![filter](../figs/ex-ug-029-1.png)

docs-2.0/nebula-explorer/operation-guide/ex-ug-page-overview.md

@@ -4,7 +4,7 @@ This topic describes Explorer main page.
 
 ## Overview
 
-![Explorer](../figs/ex-ug-006.png)
+![Explorer](../figs/explorer-en.png)
 The main page of Explorer is divided into five parts:
 
 - Tab bar
@@ -17,6 +17,8 @@ The main page of Explorer is divided into five parts:
 
 - Export: Export a CSV or PNG file of the current view.
 
+- Create: Support creating multiple canvases. Only up to 10 canvases can be opened.
+
 ## Sidebar
 
 The sidebar consists of five parts. You can click the buttons to explore the graph, modify the content of the vertexes on the canvas, etc.
@@ -40,6 +42,7 @@ The sidebar consists of five parts. You can click the buttons to explore the gra
 - Frame selection mode: Click the ![frameSelect](../figs/nav-frameSelect.png) icon to support frame selection of vertexes and edges in the canvas.
 - Click to select multiple vertexes and edges: Click the ![singleSelect](../figs/nav-singleSelect.png) icon, you can easily click the vertexes and edges in the canvas, and click the blank space to cancel the selection.
 - Move the canvas: Click the ![moveCanvas](../figs/nav-moveCanvas.png) icon to drag the position of the canvas.
+- Vertex Filter: Click the ![filter](../figs/nav-filter.png) icon to filter the vertexes displayed on the canvas.
 
 For more information, see [Canvas Operation](../operation-guide/ex-ug-canvas.md).