---
title: "Adjust Visualizations Using the Visualizer"
slug: "adjust-visualizations-using-the-visualizer"
updated: 2026-07-17T21:50:10Z
published: 2026-07-17T21:50:10Z
canonical: "support.beast-code.com/adjust-visualizations-using-the-visualizer"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://support.beast-code.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Adjust Visualizations Using the Visualizer

The Beast Core 6 3D Viewer Settings plugin provides different ways to visualize the systems in your workspace and allows you to make color adjustments and customizations.

## Visualizer Options

1. On the 3D Viewer Settings → **Groups** tab, select the drop-down arrow immediately below the **Groups**, **Tools,** and **Scenes** tabs to open the **Visualizer** menu.

![](https://cdn.document360.io/820c65d9-cf4e-4289-9237-5bc834b3bd3e/Images/Documentation/Screenshot 2026-07-17 161317.png)
2. Select the **System Designation** (default) visualizer to view each loaded system in a different static color.
3. Select **Disco** to view colorized representations of system flows and statuses.
4. Choose the **Custom** option to colorize a Component Group for easier identification.

## System Designation Visualizer

The 3D Viewer Settings plugin defaults to the **System Designation** visualizer.

- Displays each loaded system in a different static color

![](https://cdn.document360.io/820c65d9-cf4e-4289-9237-5bc834b3bd3e/Images/Documentation/Screenshot 2026-05-22 162337.png)

**To change a loaded system’s color:**

1. Click the **color palette** ![](https://cdn.document360.io/820c65d9-cf4e-4289-9237-5bc834b3bd3e/Images/Documentation/image-W6ZGC79M.png) icon to the right of the system name in the 3D Viewer Settings → **Groups** tab → **Loaded** section.

![](https://cdn.document360.io/820c65d9-cf4e-4289-9237-5bc834b3bd3e/Images/Documentation/image-E8KPV4P6.png)
2. Use the multi-colored slider or **color picker** circle to select a color.

![](https://cdn.document360.io/820c65d9-cf4e-4289-9237-5bc834b3bd3e/Images/Documentation/Screenshot 2026-07-17 162447.png)
  - Or, input your desired Hex Color Code

![](https://cdn.document360.io/820c65d9-cf4e-4289-9237-5bc834b3bd3e/Images/Documentation/3D_Viewer_Gif50.gif)

## Disco

![](https://cdn.document360.io/820c65d9-cf4e-4289-9237-5bc834b3bd3e/Images/Documentation/Screenshot 2026-07-17 163018.png)

Select the **Disco** option when you want your 3D Model to show:

- System flows and statuses
  - Has Flow/No Flow
  - Open/Closed
- The downstream effects of system alignments

**Disco** uses a color system to illustrate the different flow states and statuses.

![](https://cdn.document360.io/820c65d9-cf4e-4289-9237-5bc834b3bd3e/Images/Documentation/Screenshot 2026-05-22 163719.png)

> [!NOTE]
> Navigation Notes
> 
> - Left click in the **3D Viewer** and use your WASD keys, arrow keys, and mouse to explore the model.

## Custom Visualizer

Use the **Custom** visualizer option to assign a color to a newly-uploaded component group.

1. Select the ![](https://cdn.document360.io/820c65d9-cf4e-4289-9237-5bc834b3bd3e/Images/Documentation/image-F4ND4RI9.png) button beside the name of your new component group on the 3D Viewer Settings → **Groups** tab (in the **Unloaded** → **Custom Groups** section).
2. Select the **Custom** visualization option on the drop-down **Visualizer** menu.

![](https://cdn.document360.io/820c65d9-cf4e-4289-9237-5bc834b3bd3e/Images/Documentation/Screenshot 2026-07-17 163018(1).png)
3. Click the color palette ![](https://cdn.document360.io/820c65d9-cf4e-4289-9237-5bc834b3bd3e/Images/Documentation/image-W6ZGC79M.png) icon to the right of the system name in the 3D Viewer Settings → **Groups** pane → **Loaded** section.
4. To select a desired color:
  - Use the color slider or **color picker** circle
  - Or input a Hex Color Code into the **#** textbox

![](https://cdn.document360.io/820c65d9-cf4e-4289-9237-5bc834b3bd3e/Images/Documentation/Screenshot 2026-05-28 111158.png)

A group of components, controls, and other equipment that collectively form a function (e.g., power, cooling).

(Also known as a hexadecimal color code) - A six-digit, alphanumeric code that represents a specific color. This code is often used in digital graphics and other applications to specify colors accurately.