> For the complete documentation index, see [llms.txt](https://docs.exaplan.one/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.exaplan.one/references/interface-reference.md).

# Interface Reference

<figure><img src="/files/TfcnV5vBUJZthug0weiX" alt=""><figcaption></figcaption></figure>

| <mark style="background-color:green;">Top menu (1)</mark>             | *2D / 3D*                                                                                                      | <p>Switch camera view from top-down to fyling 3D<br>3D camera is controlled via arrow keys and mouse.</p> |
| --------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------- |
|                                                                       | <p>Mode: Switch between</p><p>o    Live Plan: real-time operation mode</p><p>o    Media: Play video/images</p> |                                                                                                           |
|                                                                       | Settings, Restart, Close                                                                                       |                                                                                                           |
| <mark style="background-color:$primary;">Layers (2)</mark>            | *Import plan files*                                                                                            | Import / Unload picture (jpeg, jpg, png, bmp) or PDF or DXF/DWG.                                          |
|                                                                       | Opacity                                                                                                        | Transparency slider                                                                                       |
|                                                                       | ColorFX                                                                                                        | Invert and colorize the layer                                                                             |
|                                                                       | Control                                                                                                        | Select the layer as active for the plan control panel. Clicking on the row also does the same.            |
| <mark style="background-color:$success;">Plan Control (3)</mark>      |                                                                                                                |                                                                                                           |
|                                                                       | *Keyboard control*                                                                                             | Allows keyboard button control for scaling (+/- keys) and translation (arrow keys)                        |
|                                                                       | Mouse Control                                                                                                  | Allow to drag the selected plan for translation.                                                          |
|                                                                       | Scale *+ -*                                                                                                    | Scale up and down the plan, with an input field for precise edits.                                        |
|                                                                       | Ref                                                                                                            | Start the autoscaler function to use reference points and automatically scale to 1:1                      |
|                                                                       | *▲ ▼ ◀* *▶*                                                                                                    | Move the plan vertically and horizontally                                                                 |
|                                                                       | *10% / 1%*                                                                                                     | Step size for the scaling and positioning. Toggle between coarse (10%) and fine (1%)                      |
|                                                                       | <p><em>Rotate</em><br><em>Flip</em></p>                                                                        | X,Y,Z rotate by 90° and flip direction by 180° around Y                                                   |
|                                                                       | *Recenter*                                                                                                     | Resets the position of to the initial state                                                               |
| <mark style="color:$info;background-color:yellow;">Project (4)</mark> | Load/Save                                                                                                      | Load/Save the project as (.json)                                                                          |
|                                                                       | Browse Demos...                                                                                                | Opens the demo panel wher you can load preset highlight projects.                                         |
|                                                                       | Clear all layers                                                                                               | clear the current session.                                                                                |
| <mark style="background-color:purple;">Interface Options (5)</mark>   | *Background*                                                                                                   | Show/Hide a background pattern: grid, black, white or a custom picture.                                   |
|                                                                       | <p>Ruler<br>1x1 cube</p>                                                                                       | Internal reference objects to verify dimensions and scale of the digital space.                           |
|                                                                       | <p><em>View:</em> Zoom/Pan the UI camera. </p><p>Reset view to revert the UI camera to default.</p>            | This does not influence the projection view.                                                              |