> For the complete documentation index, see [llms.txt](https://tsdocs.vitaracharts.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://tsdocs.vitaracharts.com/readme/variwide-chart.md).

# Variwide Chart

Convert a Column chart to a Variwide Column chart or a Bar chart to a Variwide Bar chart.

In a column chart, a variwide chart can be used to visualise a second dimension. In addition to its value, each data point is assigned a weight, which determines the breadth of the column. It computes the stack’s width to occupy the entire plot area and just allows the column widths to reflect a value.

Variwide charts can be created from column and bar charts. You must enable the Dynamic Width(metric\_name) to see the variwide chart. Variwide chart applications: Use the Vitara Column/Bar chart and navigate to the property editor. Property of an Open Column/Bar Enable the Dynamic Width (metric name) feature.

<figure><img src="/files/dCudwJ9F8HbE3CyIUI6a" alt=""><figcaption></figcaption></figure>

Below is the Variwide column chart where the Y-Axis represents the cost of the categories, while the column width is proportional to the categories.

<figure><img src="/files/hGlsWpZyFmMITNasBgrz" alt=""><figcaption></figcaption></figure>

Below is the Variwide Bar chart where the X-Axis represents the cost of the categories, while the column width is proportional to the categories.

<figure><img src="/files/3mq9cZiU0G8XBZmj8qGl" alt=""><figcaption></figcaption></figure>

## **Axis formattings in variwide chart**

In a Variwide chart, the axis representing categories changes depending on the width of the stack to fill the entire plot space. The percentage of elements is determined as \[(value of datapoint/sum of all metric values) \* 100]. The screenshot below shows how the percentage of profit is determined in the variwide chart.

<figure><img src="/files/7eQBw4gN6e3Q82v8eAQt" alt=""><figcaption></figcaption></figure>