> For the complete documentation index, see [llms.txt](https://docs.xviz.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.xviz.com/performance-management/card-formatting/data-driven-color.md).

# Data-Driven Color

1\.      **Node color and Border color** for a node can be provided in column containing hex codes as shown below:

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

Insert the column in the “Fields” data field and map it in the Appearance section.

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

The colors will now be applied and will be shown in the Legend. The labels for the colors can be edited in the Legend

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

&#x20;This feature is to apply conditional formatting via data driven conditions.

&#x20;

2\.      **Node Icons**

Provide publicly accessible https URLs or Base64 URLs for node icons in a column and label for the icons in another column. The labels will be used in the Legend for the icons.

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