Broad Overview

The viewport is located in the center of the Flow UI. Here you can visualize your configuration! There's also some additional information that you can view here, such as keybind hints and a color key for reference.

What you will likely see the first time you see the viewport

If this looks confusing, not to worry! We'll explain each part of the viewport in the following sections.

Keybind Hints

On the top left of the viewport, you'll see keybind hints.

⚠️
Don't see hints? Hover your cursor on the viewport! Hints only appear if your mouse is on the viewport. If they still don't show up, try pressing H, this keybind toggles hints on or off!

These hints will tell you what keys you can press or hold down next to perform an action! If you forget a keybind that you want to use, just turn these on and explore it!

What you should see on the top left corner of the viewport (text may vary)

The first list of keybinds are inputs you can actively press, and what they do! For example, if you press F, the active camera will zoom to fit the current geometric structure!

The second list are transition keybinds. This means you should hold down these keys before pressing another. For example, you need to hold down left control while pressing T in order to enter triangle select mode. As you press these transition keys down, the first list of keybinds will update to reflect what available keybinds are now available at the next press!

Color Key

On the top right of the viewport, you'll see a color key.

⚠️
Don't see this? Try pressing K, this keybind toggles it on or off!

This color key will help you identify the flow values in your visualization!

What you should see on the top right corner of the viewport

Each color corresponds to the absolute value of an edge's flow. The first 5 values are for each respective flow value, and any value above 6 will be grouped up into the white color. If an edge has no flow, it will be invisible.

⚠️
Don't see the correct colors? No worries, these colors only apply when you're viewing your configuration with the edge mode and when your visualization is not the static mode. If you're confused on what these terms mean, you can read more about them on the simulation page.

Main Visualization

Within the viewport, you'll see some abstract geometric structure! This is your current visualization of your configuration. This may look widly different based on your configuration, and how you've chosen to visualize it. To learn more about how to visualize this best for you, read the simulation page.

an example of what you might see (depending on your configuration)

You may be curious on exactly how to navigate your visualization. Here's some helpful basic keybinds you might find useful!

1

SPACEBAR + Drag with right click

Rotate the camera about the current focus point (default is the origin)

2

SPACEBAR + Drag with left click

Pan the camera across the current view plane

3

SCROLL or HOLD Z + Move mouse

Zooms the camera in or out

4

PRESS F

Zooms the camera automatically to fit the entire geometric structure

5

PRESS ` (the grave/tilda key)

Resets the camera back to the scene origin


⚠️
Not working? Make sure youre in a "free camera" mode. Some visualizations lock the camera. If you're confused on what these terms mean, you can read more about them on the simulation page.