Skip to content

Commit

Permalink
added interface mode gifs.
Browse files Browse the repository at this point in the history
  • Loading branch information
djl11 committed Feb 20, 2025
1 parent 15e0a9d commit 6a771b2
Showing 1 changed file with 9 additions and 7 deletions.
16 changes: 9 additions & 7 deletions interfaces/basics.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@ Tabs consist of **tiles**, which is where the data, interaction, and visualizati
- plots 📊
- editor 🕹️ (coming soon)

When in edit mode (`Ctrl + E`), new tiles can be added by clicking on any blank space in the tab, pressing `Ctrl + T`, or clicking "+ Add Tile".
When in edit mode (`Ctrl + E`), new tiles can be added by clicking on any blank space in the tab, pressing `Ctrl + T`, or clicking "+ Add Tile" at the top of the screen.
The corners of the tab can then be dragged for resizing, and the tab can be dragged and repositioned.

<img className="block dark:hidden" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/tiles_light.gif"/>
Expand All @@ -39,22 +39,24 @@ This will declutter the workspace, minimize the icons on screen and make the bes

## Focus Mode

If you want to look at one tile in particular, you can expand this into the focus mode view.
If you want to look at one tile in particular, you can expand this into the focus mode view,
by clicking the expand button in the top right of the tile.
This will open the tile in focus mode, where other tiles can be positioned alongside for comparison.
You can exit via the top right "X" button to return to the default interface view.

<img className="block dark:hidden" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/focus_mode_light.gif"/>
<img className="hidden dark:block" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/focus_mode_dark.gif"/>

You can also compare *any* two tiles side-by-side in focus mode, which is easier than moving them next to one another.
Focus mode can also be accessed from the focus mode button at the top the default interface screen.

## Edit / Interactive Modes

Edit mode enables tile manipulation (as explained above) and interactive mode enables engagement with the tiles,
such as applying filters, sorting and grouping on tables, changing the axes selection on plots, and editing logs via the view tile.
When interactive mode is turned off, the interface acts more like a static dashboard.
When interactive mode is turned off, the interface acts more like a static dashboard, with data manipulation features disabled.

<picture>
<img class="dark-light" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/interactive_mode.gif"/>
</picture>
<img className="block dark:hidden" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/interface_modes_light.gif"/>
<img className="hidden dark:block" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/interface_modes_dark.gif"/>

## Feedback

Expand Down

0 comments on commit 6a771b2

Please sign in to comment.