# Labels

## Labels formatting

<figure><img src="https://1632500807-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0ARtwElTSzdwWxw4t1pi%2Fuploads%2FflLEn3jwsxCqfXUOu0HL%2Fimage.png?alt=media&#x26;token=e8531445-f6c4-4dba-ba18-48301e052997" alt="" width="375"><figcaption><p>Part of Sankey configuration panel -> Labels</p></figcaption></figure>

### Format options

{% tabs %}
{% tab title="Font Size" %}

#### You can change the size of the font from 50% to 150% using the dropdown menu. Changing the font size will affect all fonts within your Sankey Diagram.

{% endtab %}

{% tab title="Font Color:" %}

#### Please refer to [Text and Background](https://docs.infotopics.com/showmemore/features/sankey-diagram/color-formatting/text-and-background) for more info.

{% endtab %}

{% tab title="Header Aliases" %}

#### If you enable the headers under the "Format" tab, you can display the names of dimensions used in your Sankey Diagrams. Once enabled, you can use header aliases to change the names of dimensions displayed above the Sankey Nodes.

{% endtab %}
{% endtabs %}

## **Header liases**

The headers can be configured using this setting. By default, the header values are the dimension names, which can be adjusted to meet specific requirements. Users may set custom headers to better align with their data needs and preferences.

<figure><img src="https://1632500807-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0ARtwElTSzdwWxw4t1pi%2Fuploads%2FpyykX50ZXewlwLFXxkHj%2Fimage.png?alt=media&#x26;token=4486512e-85c7-4780-8926-47b92f217843" alt=""><figcaption><p>Example of using header aliases</p></figcaption></figure>

## Label customization

Sankey diagram provide a feature that allows users to customize the labels according to their specific needs. The content of these labels can be configured using HTML format, which enables a wide range of customization options. Additionally, users have the convenience of using short codes such as `<DimensionName>` to dynamically insert the dimension name into the labels. This level of flexibility ensures that the labels can be tailored to convey the exact information required, enhancing the readability and effectiveness of the Sankey diagram in representing data flows and relationships.

#### Example

Here is an example of how you can customize a label using HTML format and a short code:

```html
<span style="color: blue; font-weight: bold;"><DimensionName></span>
```

In this example, the dimension name will be displayed in bold blue text within the Sankey diagram label.

<figure><img src="https://1632500807-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0ARtwElTSzdwWxw4t1pi%2Fuploads%2Fm3RvmYvc8v1aLRIoOBgT%2Fimage.png?alt=media&#x26;token=42e5a859-020f-4d89-a4bc-84e475de7d2f" alt="" width="375"><figcaption><p>Example of customizing labels</p></figcaption></figure>
