> For the complete documentation index, see [llms.txt](https://smartpredict.gitbook.io/smartpredict-ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://smartpredict.gitbook.io/smartpredict-ai/platform_overview/presentation-1/smartpredict-graphical-user-interface-1.md).

# The SmartPredict Graphical User Interface (GUI)

This section describes the visual appearance of SmartPredict, its components as well as their roles.

## <img src="https://1833277725-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lyc1OXsKqB2S62LxsOR%2F-M1jvyGeCzsUxAvgYywq%2F-M1jwK3XaSe2Y48Y_z9y%2Fspaces_-Lyc1OXsKqB2S62LxsOR_avatar.png?alt=media&amp;token=6e94aa88-a597-4d9d-8e14-194ca5048325" alt="" data-size="line"> The SP GUI

​ Once you are logged in, the **SmartPredict Graphical User Interface** displays full-screen.  The first instance you use it,  the workspace' s layout is empty  . Later on, as we create new projects, it will show  a **mosaic view** of all of them.&#x20;

The **GUI** is composed of:

&#x20;1\. a **left pane/sidebar** containing the following elements (represented with their respective pictogram) :

* <img src="https://1833277725-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lyc1OXsKqB2S62LxsOR%2F-M1jleonudbOSexqnfZ2%2F-M1jqA3eQ8JjBHZNwifM%2Fic_home_24px.svg?alt=media&amp;token=48c1feb1-2a21-49f6-92b0-e5b12ef43d2d" alt="" data-size="line"> **Dashboard**
* <img src="https://1833277725-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lyc1OXsKqB2S62LxsOR%2F-M1jleonudbOSexqnfZ2%2F-M1jqHSokuXRZXxgGMPu%2Fflow-tree.svg?alt=media&amp;token=91cd3456-7e30-4506-9f49-515d3a024aad" alt="" data-size="line"> **Project**
* <img src="https://1833277725-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lyc1OXsKqB2S62LxsOR%2F-M1jleonudbOSexqnfZ2%2F-M1jsF5D3Lv1b2EGNC2n%2Fic_grid_on_24px.svg?alt=media&amp;token=85c52413-67cc-4f26-8133-743953314bc9" alt="" data-size="line"> **Datasets**
* &#x20;<img src="https://1833277725-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lyc1OXsKqB2S62LxsOR%2F-M1jleonudbOSexqnfZ2%2F-M1jsK0nPpBH7xAOKyt2%2Fgrid.svg?alt=media&amp;token=9c0468fb-a712-4aa9-af0b-637db9827988" alt="" data-size="line"> **Applications**
* <img src="https://1833277725-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lyc1OXsKqB2S62LxsOR%2F-M1jleonudbOSexqnfZ2%2F-M1juzrhk46VQelj9NHW%2Fnotebook.PNG?alt=media&amp;token=fe9e2d31-9aeb-422e-b0e4-d54d77f1b3be" alt="" data-size="line"> **Notebooks**
* <img src="https://1833277725-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lyc1OXsKqB2S62LxsOR%2F-M1jleonudbOSexqnfZ2%2F-M1jrhgvIj0qPBXRs-9d%2Fic_build_24px.svg?alt=media&amp;token=ebede26b-ff83-43ff-8bdf-0a08df2bff42" alt="" data-size="line"> **Settings**

2\. and next to it, a clear **workspace**,  with a:

* **search bar**
* **a project-creation button**

3\. On the top is the logo of SmartPredict .The User icon is on its extreme right, clicking through which leads to the **user space** including the:

* **Profile**
* **Account settings**
* **and Logout.**

The user space is where you can manage everything about your personal information.

![SmartPredict' s sleek GUI.](https://1833277725-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lyc1OXsKqB2S62LxsOR%2F-M-U4wfI2HbI6HXdM2NX%2F-M-U5-tw7Wzor1nXFcyp%2FSmartPredict_SleekGUI.gif?alt=media\&token=9ff8efc4-49e1-4047-826f-324c11aaa80e)

* <img src="https://1833277725-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lyc1OXsKqB2S62LxsOR%2F-M1jvyGeCzsUxAvgYywq%2F-M1jwt-JzVHT1yZfrI_B%2FAVATAR%20-Smartpredict.png?alt=media&amp;token=ea8c0cba-cfb2-46fa-a97b-d42b4f52e1cd" alt="" data-size="line"> **Left pane:**

The left pane contains the following elements:

1. **Dashboard:** The dashboard is the main menu of the platform. From there, you may create new projects as well as consult previous ones. Those latter are arranged according to the date of creation, from the most recent to the least recent.                                                                                                                       If you have been running a project lately, it is also where you see its current status (either it has run successfully or failed to do so).                                                                &#x20;
2. **Project:** The project menu opens on the project panel  wherein AI workflows will be represented by flowchart following a four-step process: build, deploy,monitor , test.
3. **Datasets:** The dataset menu displays the list of all previously uploaded datasets. It is also the place to upload and store new datasets.
4. **Applications:** The Applications menu contains SmartApps for Data Processing and Visualization .
5. **Notebook:** The Notebook is a console for customizing modules through Python codes. Use it to interact with SmartPredict by embedding your own code snippets and libraries.&#x20;
6. **Settings :** it is a space for setting  up the user account and for integration with GitHub version controls.&#x20;

* <img src="https://1833277725-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lyc1OXsKqB2S62LxsOR%2F-M1jvyGeCzsUxAvgYywq%2F-M1jwt-JzVHT1yZfrI_B%2FAVATAR%20-Smartpredict.png?alt=media&amp;token=ea8c0cba-cfb2-46fa-a97b-d42b4f52e1cd" alt="" data-size="line"> **Project Workspace**

1. **Build:** The first project workspace is the build workspace.&#x20;
2. **Deploy:** The deploy workspace directly follows the build workspace. Executed projects from the build workspace will directly transition to this next tab, once they are prepared for deployment.
3. **Monitor:** The monitor workspace is a dashboard tab to monitor the deployed project.
4. **Test:** the test tab is intended for testing models.

* <img src="https://1833277725-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lyc1OXsKqB2S62LxsOR%2F-M1jvyGeCzsUxAvgYywq%2F-M1jwt-JzVHT1yZfrI_B%2FAVATAR%20-Smartpredict.png?alt=media&amp;token=ea8c0cba-cfb2-46fa-a97b-d42b4f52e1cd" alt="" data-size="line"> **Right sidebar**

The right sidebar displays the menu of different toolsets such as modules, datasets, processing pipelines and logs.&#x20;

1. <img src="https://1833277725-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lyc1OXsKqB2S62LxsOR%2F-M1jleonudbOSexqnfZ2%2F-M1jvPE1eZW4lOVcHt3F%2FIcon%20open-puzzle-piece.svg?alt=media&amp;token=16d0425e-e08e-4d6d-bada-729b93df1219" alt="" data-size="line"> **Modules:** modules are drag and droppable elements. Some are native <img src="https://1833277725-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lyc1OXsKqB2S62LxsOR%2F-M1jleonudbOSexqnfZ2%2F-M1jvfsUOZFEE5YSWO1-%2Favatar%20SP.PNG?alt=media&amp;token=079071f5-2a42-42ed-9ec7-412445accf0b" alt="" data-size="line"> and some can be created and added to custom modules <img src="https://1833277725-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lyc1OXsKqB2S62LxsOR%2F-M1jleonudbOSexqnfZ2%2F-M1jvZCl9i2WZAvRKgfg%2FCustom%20modules.PNG?alt=media&amp;token=d24fcd27-e6dd-4cd7-adcc-438b8e5a5f0c" alt="" data-size="line"> . They are located under accordions that can be expanded or collapsed to reveal their contents. &#x20;
2. <img src="https://1833277725-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lyc1OXsKqB2S62LxsOR%2F-M1jleonudbOSexqnfZ2%2F-M1jvBs02fmfnaOTvE93%2Fgrid.svg?alt=media&amp;token=31be5412-bf00-445e-ad42-dcb51c1043ac" alt="" data-size="line"> **Datasets:** datasets  may present themselves in csv table formats , in image format or soon, in text format. They originate from uploads . There are also preset modules . Supported  data formats are: **.csv, .npy, .xlsx, .xls, .json, .h5, .html, .pkl ,.joblib ,.txt**
3. <img src="https://1833277725-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lyc1OXsKqB2S62LxsOR%2F-M1jleonudbOSexqnfZ2%2F-M1jvGURejlodJxEGvkU%2FGroup%2010873.svg?alt=media&amp;token=9cfa63ba-0a5f-4949-b999-b1b4f284fa23" alt="" data-size="line"> **Processing Pipelines:** processing pipelines are collections of processing steps to apply to datasets for feeding or training a  model. They result from processed datasets.
4. <img src="https://1833277725-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lyc1OXsKqB2S62LxsOR%2F-M1jleonudbOSexqnfZ2%2F-M1js3CwfGbHrpL1DrFF%2F_.svg?alt=media&amp;token=b6264fbb-4aee-4783-b4f0-5ac8963bfeed" alt="" data-size="line"> **Logs:** the logs recapitulate the conditions of the running build . They show after the build sessions. They contain information such as the operation flow .
