> For the complete documentation index, see [llms.txt](https://asus-isg-aidc.gitbook.io/guide/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://asus-isg-aidc.gitbook.io/guide/latest/portal/infrastructureplannerintroduction/overview.md).

# Overview

| Developer | Last modified |
| --------- | ------------- |
| AIDC Team | 2026/05/06    |

## Introduction

The Overview page is the default landing page of Infrastructure Planner. It provides a real-time health summary of all data center layouts. Use the KPI cards to quickly check capacity status for each layout and switch between layouts with a single click.

***

## Interface

![Overview dashboard showing KPI layout cards, a 3D preview panel, and the Select Layout dropdown](https://pub-f334ff01208c4e6195b80133ac6e6030.r2.dev/portal/infrastructurePlanner/overview/overview-1.png)

***

## Top Statistics Bar

The statistics bar at the top of the page shows a system-wide summary across all layouts:

![Top statistics bar displaying total counts for Rack Templates, Device Library, and Total Nodes](https://pub-f334ff01208c4e6195b80133ac6e6030.r2.dev/portal/infrastructurePlanner/overview/overview-2.png)

| Item               | Description                                                                            |
| ------------------ | -------------------------------------------------------------------------------------- |
| **Rack Templates** | Total number of rack templates in the system (including built-in and custom templates) |
| **Device Library** | Total number of device models registered in the device library                         |
| **Total Nodes**    | Total number of compute nodes configured across all layouts                            |

***

## Layout Detail (KPI Cards)

After selecting a layout, the Layout Detail section appears below with the following information:

![Layout Detail KPI cards showing power usage bar, weight usage bar, Total Racks, Total Nodes, and last updated timestamp](https://pub-f334ff01208c4e6195b80133ac6e6030.r2.dev/portal/infrastructurePlanner/overview/overview-3.png)

| Field            | Description                                                                                          |
| ---------------- | ---------------------------------------------------------------------------------------------------- |
| **Layout Name**  | Identifying name of the data center layout                                                           |
| **Power Usage**  | Current power consumption (W) / maximum power limit (W), displayed as a progress bar with percentage |
| **Weight Usage** | Current total weight (kg) / maximum weight limit (kg), displayed as a progress bar with percentage   |
| **Total Racks**  | Total number of racks in this layout                                                                 |
| **Total Nodes**  | Total number of compute nodes in this layout                                                         |
| **Last Updated** | Timestamp of the most recent modification to this layout                                             |

{% hint style="warning" %}
**⚠️ Overload Warning**

If power or weight usage exceeds 100%, the progress bar turns **red** and displays the overload percentage. Adjust the configuration as soon as possible.
{% endhint %}

***

## 3D Preview Panel

After selecting a layout card, a 3D thumbnail of that layout is displayed on the left side of the page.

![3D preview panel showing a bird's-eye view of the selected layout's rack arrangement on the data center floor](https://pub-f334ff01208c4e6195b80133ac6e6030.r2.dev/portal/infrastructurePlanner/overview/overview-4.png)

***

## Main Operations

### Switch Active Layout

There are two ways to switch the currently viewed layout:

![Layout switching options: clicking a layout card on the right, or using the Select Layout dropdown in the upper-right corner](https://pub-f334ff01208c4e6195b80133ac6e6030.r2.dev/portal/infrastructurePlanner/overview/overview-5.png)

1. **Click a layout card** on the right — the 3D preview panel on the left updates immediately.
2. **Use the Select Layout dropdown** in the upper-right corner to select a layout from the list.

{% hint style="info" %}
**💡 Tip**

After switching layouts, the **3D Data Center** and **Rack Management** modules automatically switch to the same layout.
{% endhint %}

### Navigate to Other Modules

Use the left navigation sidebar to switch between modules:

| Navigation Item     | Function                            |
| ------------------- | ----------------------------------- |
| **Overview**        | Overview dashboard (current page)   |
| **3D Data Center**  | Interactive 3D visualization editor |
| **Rack Management** | Tree-view rack management           |
| **Rack Template**   | Rack template management            |
| **Device Library**  | Device model library                |

![Left navigation sidebar with Overview, 3D Data Center, Rack Management, Rack Template, and Device Library items](https://pub-f334ff01208c4e6195b80133ac6e6030.r2.dev/portal/infrastructurePlanner/overview/overview-6.png)

***