explorer 220-pageoverview

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

@@ -0,0 +1,49 @@
+# Page overview
+
+This topic introduces the Explorer page to help you learn more about Explorer's functions.
+
+The Explorer page consists of two modules navigation bar and canvas. 
+
+![explorer-overview](figs/explorer-overview-1.png)
+
+!!! note
+
+    After logging into Explorer, select a graph space and click on it to unlock query and exploration functions in the left-side navigation bar. 
+
+![explorer-overview-graph_space](figs/explorer-overview-graphspace.png)
+
+## Navigation bar
+
+Click the icons in the left-side navigation bar to import, analyze, and explore graph data. The descriptions of the icons are as follows:
+
+| Icon  | Description |
+| ----- | ---- |
+| ![query](figs/nav-query2.png) | Enter VIDs or tags to query data. For more information, see [Ways to query data](ex-ug-query-exploration.md).     |
+| ![filter](figs/nav-filter.png) | Search for target vertexes displayed on the canvas. For more information, see [Filter vertices](node-filtering.md).     |
+| ![expand](figs/nav-expand.png) | Perform explorations on the vertices on the canvas by setting edge directions, steps, and filtering conditions.    |
+| ![commonNeighbor](figs/nav-commonNeighbor.png) | Select at least two vertices on the canvas to search for their common neighbors.     |
+| ![findPath](figs/nav-findPath.png) | Find all paths, the shortest path, and the non-loop paths from the source to the destination vertex.     |
+| ![propertyView](figs/nav-propertyView.png) | Choose whether to display the properties of vertices or edges on the canvas.     |
+| ![hide](figs/nav-miss.png) | Hide the selected vertices and edges on the canvas.     |
+| ![hideReverse](figs/nav-missReverse.png) | Hide the unselected vertices and edges on the canvas.     |
+| ![Revoke](figs/nav-Revoke.png) | Undo the action in the previous step.     |
+| ![Redo](figs/redo.png) | Restores the action that was previously undone.     |
+| ![snapshot](figs/snapshot-history.png) | View historical snapshots. For more information, see [Canvas snapshots](canvas-operations/canvas-snapshot.md).     |
+| ![graphSpace](figs/nav-graphSpace.png) | View all graph spaces. Click a graph space to create a canvas corresponding to it.     |
+| ![Help](figs/nav-help.png) | View Explorer documents and Nebula Graph forum.     |
+| ![Setup](figs/nav-setup.png) | View your account and shortcuts, edit languages, limit returned results, and clear connection.|
+| ![Console](figs/nav-console.png) | Query data by entering nGQL statements. Querying results are imported on canvas. For more information, see [Explorer console](explorer-console.md).   |
+
+## Canvas
+
+Graph data can be displayed visually on a canvas. The canvas consists of the following parts:
+
+- Tabs on the Top
+- Visualization modes
+- Data storage
+- Search box
+- Layouts
+- Minimap
+- Data overview
+
+For more information, see [Canvas overview](canvas-operations/canvas-overview.md).