# Bullet charts and clustered bar charts

Performance chart types are used to visually compare multiple measures in dashboard and scorecard applications, where space is limited, and the goal is to present a lot of data in a small, easy-to-read format.&#x20;

Inforiver provides *2 value bullet charts, 3 value bullet charts,* and *clustered bar charts.*

## 1. Adding the chart&#x20;

### **i) 2-value bullet charts**

These charts are used to compare the performance of *two measures*. Currently, Inforiver offers six variants of 2-value bullet charts. They are&#x20;

* IBCS bullet
* Integrated variance bar
* Overlapped bar
* Conditional bar
* Comparative bullet
* Stephen Few's bullet

In this example, we have 2022 Actuals and Plan across regions and categories and we want to visualize using a 2-value bullet chart.

a)  We have added '2022 Actuals' in the 'Values (AC)' field and '2022 Plan' in the ' Compare to Prior Period (PY)' field in the visualization pane.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FP7M8MykkwjyxCX6LKq2p%2Fbullet-chart-visualization-pane.png?alt=media&#x26;token=381a18ec-f304-4c56-b2eb-2b28dbfc0d00" alt=""><figcaption><p>Data mapping</p></figcaption></figure>

b) Select the columns for which you want to insert a 2-value bullet chart. In the following image, the 2022 Actuals and 2022 Plan columns have been selected.

The bullet/stacked chart option gets enabled. From the 'Bullet/Stacked chart' drop-down, select the 'Integrated variance bar chart'.&#x20;

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FKmIc5lBC3wAleyLX20ru%2Fbullete-chart-column-selection.png?alt=media&#x26;token=5d7d52b1-3b07-445f-bd6d-16579a452862" alt=""><figcaption><p>Columns and chart type selection</p></figcaption></figure>

b) The chart gets inserted showing the comparison of the two measures. The variance between actuals and plan is shown in red/green. You can see the 'Customize' tab in the toolbar and the following [customization options](#2.-customization-options).

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2Fjc7OH6ZiBCCJawQHowqo%2Fbullet-chart-insertion.png?alt=media&#x26;token=2bb0ebc2-c13d-41e3-85ae-5b91281ca6f7" alt=""><figcaption><p>Inserting an integrated variance bar chart</p></figcaption></figure>

### **ii) 3-value bullet charts**

These charts are used to compare the performance of *three measures.* Currently, Inforiver offers the following 3-value bullet chart types.

* Integrated variance overlap&#x20;
* Integrated bar with marker&#x20;
* Qualitative bullet marker&#x20;
* Conditional bar with marker&#x20;
* Comparative bullet&#x20;
* Bullet with marker

In this example, we have 2022 Actuals, 2022 Plan, and 2021 Actuals across regions and categories and we want to visualize using a 3-value bullet chart.

a) We have added '2022 Actuals' in the 'Values (AC)' field, '2021 Actuals' in the ' Compare to Prior Period (PY)' field, and '2022 Plan' in the 'Compare to Plan (PL)' field in the visualization pane.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2Fr6M7M9JjQrETN5j3gJ6e%2F3value-bullet-data-mapping.png?alt=media&#x26;token=90c7fcec-40f0-47a1-8cd6-f14c75a887f5" alt=""><figcaption><p>Data mapping</p></figcaption></figure>

b) Select the columns for which you want to insert a 3-value bullet chart. In the following image, the 2022 Actuals, 2021 Actuals, and 2022 Plan columns have been selected.

The bullet/stacked chart option gets enabled. From the 'Bullet/Stacked chart' drop-down, select the 'Bullet with marker chart'.&#x20;

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FLBaUimXApyVoG6wpJS8W%2F3value-bullet-chart-selection.png?alt=media&#x26;token=8858df8b-a406-4e7d-8081-bde384ef5adb" alt=""><figcaption><p>Columns and chart type selection</p></figcaption></figure>

c) The chart gets inserted displaying the comparison band. The legend is highlighted below. You can see the 'Customize' tab in the toolbar and the following [customization options](#2.-customization-options).

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FICLuM1h6OZg2zZCeHAE2%2F3value-bullet-chart-insertion.png?alt=media&#x26;token=27ec3e04-edd2-4113-b368-57100359c687" alt=""><figcaption><p>Inserting a bullet chart</p></figcaption></figure>

### iii) Clustered bars

The clustered bar chart makes it easier to compare multiple measures and is applicable only when using one of these 4 bullet variants:

* Stephen Few's qualitative bullet
* Qualitative bullet with marker
* Comparative bullet
* Bullet with marker

{% hint style="info" %}
A clustered bar chart is applicable only if any of the *Actual, Target,* or *Additional target* types are set to 'Bar'.
{% endhint %}

In this example, we have 2022 Actuals, 2022 Plan, and 2021 Actuals across regions and categories and we want to visualize using a Clustered bar chart.

a) We have added '2022 Actuals' in the 'Values (AC)' field, '2021 Actuals' in the ' Compare to Prior Period (PY)' field, and '2022 Plan' in the 'Compare to Plan (PL)' field in the visualization pane.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2Fr6M7M9JjQrETN5j3gJ6e%2F3value-bullet-data-mapping.png?alt=media&#x26;token=90c7fcec-40f0-47a1-8cd6-f14c75a887f5" alt=""><figcaption><p>Data mapping</p></figcaption></figure>

b) Select the columns for which you want to insert a clustered. In the following image, the 2022 Actuals, 2021 Actuals, and 2022 Plan columns have been selected.

The bullet/stacked chart option gets enabled. From the 'Bullet/Stacked chart' drop-down, select the 'Bullet with marker chart'.&#x20;

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2F5LaMyxZ19BfKoDxpcSlJ%2F3value-bullet-chart-insertion-2.png?alt=media&#x26;token=f9f939f5-21f6-416a-8195-b098359bc6bc" alt=""><figcaption><p>Inserting a bullet with marker chart</p></figcaption></figure>

c) A bullet with marker chart gets inserted.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FvjHSRRrVaepj6cllqFbd%2F3value-bullet-chart-insertion-3.png?alt=media&#x26;token=eb8ce020-e1fc-4b9b-b988-2d88ad7034ed" alt=""><figcaption><p>Bullet with marker chart</p></figcaption></figure>

d) To display a clustered bar chart, click on the **'**&#x53;eries displa&#x79;**'** option under the 'Customize' tab. In the 'Serial Display' modal that opens up, enable the 'Clustered bar' check box and set the 'Target' and 'Additional target' types as 'Bar'.

This displays the clustered bar as shown in the below image.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FvN0Nd5FzckLHywmeC5p6%2Fbullet-value-appearance.png?alt=media&#x26;token=c7cab04d-2954-45b1-b55b-c8a9e174b7ae" alt=""><figcaption><p>Clustered bar chart</p></figcaption></figure>

## 2. Customization options

Inserting a bullet chart or a clustered chart will open up the following configuration options.

{% hint style="info" %}
Depending on the type of bullet chart chosen, some of these options may or may not be available.
{% endhint %}

### **i) Bullet types**&#x20;

You can change your current bullet chart type from this drop-down.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FDX5cKC0PLROXVWqk00Ge%2Fbullet-chart-type-selection.png?alt=media&#x26;token=e4f8df07-75fb-4f8e-a77d-7583bd1907df" alt=""><figcaption><p>Bullet chart customization option</p></figcaption></figure>

### **ii) Fill pattern**&#x20;

This option lets you customize the fill pattern/style of the bar. You can set the fill pattern to any of the three relevant IBCS notations: *Solid, Hatched,* or *Outlined.* In the following image, the fill pattern of 'Actual' has been changed to *Outlined* and that of 'Target' has been changed to *Hatched*.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2F21DYRT7lJ2cHRJR0Oum0%2Fbullet-chart-fill-pattern.png?alt=media&#x26;token=ef4d08ad-3df0-475d-bb8c-d957b8f68560" alt=""><figcaption><p>Bullet chart fill pattern option</p></figcaption></figure>

### **iii) Show axis**&#x20;

Enabling this option displays the axis line above the chart.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FHpw9srPv78fylrX6fplo%2Fbullet-chart-show-axis.png?alt=media&#x26;token=b8d5fbc7-e459-4ae1-b8b6-5f7827f3a23c" alt=""><figcaption><p>Bullet chart show axis option</p></figcaption></figure>

### **iv) Series display**&#x20;

This option lets you configure the type, height, and color of the bar/line. Depending on the type of chart inserted, the 'Series display' modal will show different properties which are listed below:

* **Type** - This drop-down lets you choose the type/format using which you want to display the measures. You can set the type to *Marker, Bar, Line*, *Circle, Overlap, or Integrated.*&#x20;

{% hint style="info" %}
The *Overlap* and *Integrated* options are available only for the *Integrated bar with marker*, and *Integrated variance overlap* chart types.
{% endhint %}

* **Variance bar height** - With this option, you can set the height of the bar that represents the variance/deviation.

{% hint style="info" %}
The variance bar height option is available only for *Integrated variance overlap, IBCS bullet*, and *Integrated variance bar* chart types.
{% endhint %}

* **Marker/line/circle size** - This option lets you set the size of the marker/line/circle. The size can be set to *S(Small), M(Medium), L(Large),* or *XL(Extra large).*
* **Clustered bar** - Enabling this checkbox will display a clustered bar. You can refer to the [*Clustered Bar*](#iii-clustered-bars) section for additional information.
* **Color** - The fill color drop-down lets you choose the color of the bar for every displayed measure.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FfYZxUYrEjp8IsafolXyp%2Fbullet-chart-series-display.png?alt=media&#x26;token=741599bf-0e68-4bd4-9b16-e3ae7af03434" alt=""><figcaption><p>Bullet chart series display option</p></figcaption></figure>

### **v) Show column**&#x20;

Using this option, you can choose to show data labels for *Target, Variance,* and/or *Variance %.* Using *Show header,* the column header can be enabled or disabled to indicate which labels are shown. In the image below, the data labels for *Variance*, and *Variance %* are shown.&#x20;

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FnSsDmYF3xH2vuRFeaN0F%2Fbullet-chart-show-column.png?alt=media&#x26;token=eee6748e-00a0-4d00-806a-1883e5d94ba3" alt=""><figcaption><p>Bullet chart show column option</p></figcaption></figure>

### **vi) Target marker** &#x20;

Enabling this option will display a target marker on the chart.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2F0Q2lLb5wq6KiDyehNa68%2Fbullet-hart-target-marker.png?alt=media&#x26;token=df295887-5004-4cb6-b9ba-233a01d7b889" alt=""><figcaption><p>Bullet chart target marker option</p></figcaption></figure>

### **vii) Comparison band**&#x20;

The comparison band indicates the state of the measure depending on which band it resides in. They provide a performance rating to the value being measured where each color represents a different state e.g. good, average, and poor.&#x20;

You can add comparison bands by clicking on the 'Comparison band&#x73;**'** icon. The following properties are available:

* **Compared series** - This drop-down lets you select the measure based on which you want to insert the comparison bands. You can also choose the maximum value of all the series used in the chart.
* **Dynamic** - If you enable this checkbox, then the comparison band range will be added based on individual scaling.
* **Number of bands** - Here you can set the number of bands required.
* **Set label** - If this checkbox is enabled, you can set labels for the ranges.&#x20;
* **Diverging colors** - If you enable this checkbox, you can set different colors for different bands. By default, sequential colors are used.

{% hint style="info" %}
This option is available only for '*Bullet with marker*' and '*Qualitative bullet with marker*' charts.
{% endhint %}

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2F22ErEik7FL8k47jto7CP%2Fbullet-chart-comparison-band.png?alt=media&#x26;token=ac0ff0c0-d312-42d1-8bd2-b33ec82e5f51" alt=""><figcaption><p>Bullet chart comparison band option</p></figcaption></figure>

### viii) Appearance

This option lets you change the appearance of the bullet charts. Clicking on this option will open up an 'Appearance' model in which you can configure the following properties:

**Positive color** - Using this option you can customize the positive color of the bar/marker

**Negative color** - Using this option you can customize the negative color of the bar/marker

**Axis color** - This option lets you set the axis color of the chart

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FLY7YIyDyjuCnXfMAZcqY%2Fbullet-chart-appearance.png?alt=media&#x26;token=324ad36a-e89d-4fd4-8740-23e157610a40" alt=""><figcaption><p>Appearance modal</p></figcaption></figure>

In this section, we covered bullet and clustered charts. Navigate to the next section to learn more about [waterfall charts](https://docs.inforiver.com/working-with-inforiver/6.-working-with-charts/waterfall-charts).
