> For the complete documentation index, see [llms.txt](https://arpit-1.gitbook.io/cost-visibility/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://arpit-1.gitbook.io/cost-visibility/cost-visibilty/overview-cost-visibility.md).

# overview cost visibility

## Introduction

The **Overview** page provides a summary of infrastructure costs across your Applications, Clusters, Environments, Projects, and Infra Components in Devtron. It highlights overall spend, resource-level distribution, and opportunities for optimization (Potential Savings).

At the top, you can choose your preferred currency, time, and time duration to set the context for your usage costs. This makes sure all costs on the **Overview** page are displayed in the correct currency and time range.

![Figure 1: Cost Visibility Overview](https://devtron-public-asset.s3.us-east-2.amazonaws.com/images/cost-visibility/cost-visibility-overview.jpg)

{% hint style="info" %}

#### Note

Cost Visibility is currently supported **only for Devtron and Helm applications**.\
It is **not available** for applications deployed through **Argo CD** or **Flux**.
{% endhint %}

## Cost Overview sections

{% stepper %}
{% step %}

### At a Glance

The **At a Glance** summarizes the total cost for the selected period and breaks it down by resource type. Each card shows the cost, its share of the total, and a usage trend graph.

| Card             | Description                                                                                                                                            |
| ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ |
| **Total Cost**   | Shows the overall infrastructure cost for the selected time period, and the cost-trend graph for the selected period of time                           |
| **CPU Cost**     | Shows the cost of CPU resources, their percentage contribution to the total cost, and the cost-trend graph for the selected period of time             |
| **RAM Cost**     | Shows the cost of memory resources, their percentage contribution to the total cost, and the cost-trend graph for the selected period of time          |
| **PV Cost**      | Shows the cost of persistent volume (storage), its percentage contribution to the total cost, and the cost-trend graph for the selected period of time |
| **GPU Cost**     | Shows the cost of GPU resources, their percentage contribution to the total cost, and the cost-trend graph for the selected period of time             |
| **Network Cost** | Shows the cost of network usage, its percentage contribution to the total cost, and the cost-trend graph for the selected period of time               |

{% hint style="success" %}

#### Tip

Network cost refers to the expenses associated with **data transfer**, including communication between **pods, nodes, and external services** within or across clusters. Refer to [AWS guide on network cost](https://aws.amazon.com/premiumsupport/knowledge-center/eks-cluster-networking-costs/) to learn more.
{% endhint %}
{% endstep %}

{% step %}

### Potential Savings

The **Potential Savings** section estimates how much cost can be saved by comparing the resources you have provisioned with the resources you have actually used. It also shows the percentage of current spend that could be saved.

| Field                        | Description                                                                            |
| ---------------------------- | -------------------------------------------------------------------------------------- |
| **Recommended Cost**         | The estimated cost calculated from actual resource usage instead of allocated capacity |
| **Potential Savings**        | The amount which you could have saved, for the selected time period                    |
| **Estimated cost reduction** | The percentage of your current spend that could be saved, for the selected time period |
| {% endstep %}                |                                                                                        |

{% step %}

### Track Performance

The **Track Performance** section helps you understand costs in more detail by breaking them down across different views and time ranges. It includes two charts, **Cost Breakdown** and **Cost Trend**.

#### Cost Breakdown Bar Chart

The **Cost Breakdown** Bar Chart helps you see how costs are distributed across different infrastructure components for the selected time period.

Each bar represents one [Application](broken://pages/beb38cdfa885496bd402c4261651ae8b356afa69#devtron-apps), [Cluster](broken://pages/beb38cdfa885496bd402c4261651ae8b356afa69#cluster), [Environment](broken://pages/beb38cdfa885496bd402c4261651ae8b356afa69#environment), or [Project](broken://pages/3103a1fb62174ac72625e8d1ca68cd2975c78588), and the colored segments in the bar show the share of different resource types. This makes it easy to compare categories and see which resources are contributing most to their total cost.

**Color Schema**

| Resource Type         | Color Used in Chart |
| --------------------- | ------------------- |
| **CPU Cost**          | LimeGreen           |
| **Memory Cost**       | SkyBlue             |
| **Storage (PV) Cost** | AquaTeal            |
| **GPU Cost**          | Magenta             |
| **Network Cost**      | GoldenYellow        |

**Filters**

| Filters         | What It Shows                                                                                                                |
| --------------- | ---------------------------------------------------------------------------------------------------------------------------- |
| **Application** | Each bar represents an application (Devtron App or Helm App), segmented by CPU, Memory, Storage (PV), GPU, and Network costs |
| **Cluster**     | Each bar represents a cluster, segmented by CPU, Memory, Storage (PV), GPU, and Network costs                                |
| **Environment** | Each bar represents an environment, segmented by CPU, Memory, Storage (PV), GPU, and Network costs                           |
| **Project**     | Each bar represents a project, segmented by CPU, Memory, Storage (PV), GPU, and Network costs                                |

**Sorting Criteria**

| Sorting Option        | Description                               |
| --------------------- | ----------------------------------------- |
| **Cost: High to Low** | Shows the highest cost items first        |
| **Cost: Low to High** | Shows the lowest cost items first         |
| **A to Z**            | Sorts items alphabetically                |
| **Z to A**            | Sorts items in reverse alphabetical order |

**Time Range Filters**

| Options           | Description                      |
| ----------------- | -------------------------------- |
| **Last 24 hours** | Shows cost for the last 24 hours |
| **Last 7 days**   | Shows cost for last 7 days       |
| **Last 30 days**  | Shows cost for the last 30 days  |
| **last 90 days**  | Shows cost for the last 90 days  |

#### Cost Trend Line Chart

The **Cost Trend** line chart helps you understand how your total and individual resource usage costs change over time. It helps you analyze spending patterns and identify which resources contribute most to your overall cost.

{% embed url="<https://app.supademo.com/demo/cmgg88zje6r362nom7ko7mz4t>" %}

Each colored line represents a specific resource: CPU, Memory, Storage, Network, or GPU, while the Total line combines all costs. Hovering over any point on the graph displays the exact cost breakdown for that day.

You can change the time range (for example, Last 7 Days, Last 30 Days, or Last 90 Days) to view trends for a specific period.

**Time Range**

| Options           | Description                      |
| ----------------- | -------------------------------- |
| **Last 24 hours** | Shows cost for the last 24 hours |
| **Last 7 days**   | Shows cost for last 7 days       |
| **Last 30 days**  | Shows cost for the last 30 days  |
| **last 90 days**  | Shows cost for the last 90 days  |

**Color Schema**

| Resource Type         | Color Used in Chart |
| --------------------- | ------------------- |
| **CPU Cost**          | LimeGreen           |
| **Memory Cost**       | SkyBlue             |
| **Storage (PV) Cost** | AquaTeal            |
| **GPU Cost**          | Magenta             |
| **Network Cost**      | GoldenYellow        |

#### Most Cost Efficient

The Most Cost Efficient section helps you identify which resources are utilizing costs most effectively across different scopes, such as Cluster, Application, Environment, or Project.

Each row in the list displays:

| **Field**               | **Description**                                                                                                                       |
| ----------------------- | ------------------------------------------------------------------------------------------------------------------------------------- |
| **Name**                | The name of the selected category (for example, a project, application, cluster, or environment)                                      |
| **Total Cost**          | The total cost incurred by that category within the selected time range                                                               |
| **Cost Efficiency (%)** | Indicates how efficiently the resource utilizes its allocated cost compared to others. Higher values represent better cost efficiency |

You can use the dropdown menus to customize your view:

| **Filter**         | **Description**                                                                                                   |
| ------------------ | ----------------------------------------------------------------------------------------------------------------- |
| **Scope Selector** | Lets you choose whether to view cost efficiency by **Cluster**, **Application**, **Environment**, or **Project**. |
| **Time Range**     | Allows you to select the time range, **Last 24 Hours**, **Last 7 Days**, **Last 30 Days**, or **Last 90 Days**.   |

#### Most Expensive

The Most Expensive section highlights the clusters, applications, environments, or projects that contribute the highest costs over a selected time range. This helps you quickly identify where your infrastructure expenses are concentrated and which components may require optimization.

Each row in the list displays:

| **Field**      | **Description**                                                                                            |
| -------------- | ---------------------------------------------------------------------------------------------------------- |
| **Name**       | The name of the selected category, such as a **Cluster**, **Application**, **Environment**, or **Project** |
| **Cost Type**  | The selected cost type, such as **CPU**, **Memory**, **Storage**, **GPU**, **Network**, or **Total Cost**  |
| **Total Cost** | The total cost incurred by that category for the chosen cost type within the specified time period         |

You can customize the view using the following filters:

| **Filter**         | **Description**                                                                                                                                                |
| ------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Scope Selector** | Lets you choose for which category (**Cluster**, **Application**, **Environment**, or **Project**), you want to view the most expensive resources              |
| **Time Range**     | Allows you to choose the time period for cost evaluation, **Last 24 Hours**, **Last 7 Days**, **Last 30 Days**, or **Last 90 Days**.                           |
| **Cost Type**      | Enables you to filter costs by specific categories such as **CPU Cost**, **Memory Cost**, **Storage Cost**, **GPU Cost**, **Network Cost**, or **Total Cost**. |
| {% endstep %}      |                                                                                                                                                                |

{% step %}

### Actions and Insights

The Actions & Insights section highlights where you can achieve the highest cost savings. It shows the categories with the largest cost saving opportunities, based on the difference between allocated resources and your actual usage.

It also shows the cost visibility status, which displays the number of clusters where cost visibility is enabled, failed, in progress, or not enabled. This helps you understand for which clusters cost data is currently being tracked and if you want you can enable/disable cost tracking for the cluster by clicking on **Go to configurations** button. Refer [configurations](broken://pages/2bc176c70930e6b6e7c15b31aa18038c58ae3be8) to learn more.

Each category in the **Top saving opportunities** will show:

| Field                     | Description                                                                                                                                     |
| ------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------- |
| **Name**                  | The name of the category (for example, a cluster, application, or environment) with the largest savings opportunities                           |
| **Potential Savings (%)** | The percentage of your current spend that could be saved, for the selected time range                                                           |
| **Estimated Savings**     | The estimated cost you could save in that category, based on the difference between provisioned and used resources, for the selected time range |

Clicking on any item in this list takes you to its detailed Cost Breakdown page. Refer [Cost Breakdown](broken://pages/18ae2b9bb24020ad82df121a63eaa3a8e4b4e541) to learn more.

{% embed url="<https://app.supademo.com/demo/cmgj316cr0x93krn9l7g4uo7a>" %}
{% endstep %}
{% endstepper %}
