# Supply Chain Network

Managing a supply chain involves multiple interconnected phases—Supplier, Transport, Assembly, Warehouse, Distribution, and Market. **xViz Performance Flow** simplifies this complexity by providing valuable insights for data-driven decision-making. With its interactive, structured view, businesses can identify bottlenecks, optimize logistics, and enhance overall supply chain efficiency.

<figure><img src="https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2FVsvBohYTV9QxwMiJI6w5%2FSupply%20chain.gif?alt=media&#x26;token=e2fe6874-16cc-4d06-86e2-c29de041b634" alt="" width="563"><figcaption><p><em>GIF 1: Supply Chain Network</em></p></figcaption></figure>

### Steps to Configure the Supply Chain Netwerk in the Performance Flow Visual:

1. To create a supply chain network, certain columns are essential, including Link Destination, Link Direction, Link Type, Color, Border Color, and Link Width, along with Id, Parent Id, Title, and Subtitle in the dataset, as shown in the image below.

<figure><img src="https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2FTUJPafBUyvJEPEB9JFak%2Fimage.png?alt=media&#x26;token=5e3c76fe-ba64-4508-bfc2-2c2abe2a6bd7" alt="" width="563"><figcaption><p><em>Image 1: Dataset</em></p></figcaption></figure>

{% hint style="success" %}
For more information on the data structure and link details, please refer to the documentation below:

* [Data Structure](https://docs.xviz.com/configuring-the-chart-structure#id-1.-id-and-parent-id-columns)
* [Links](https://docs.xviz.com/performance-management/links)
  {% endhint %}

2. Populate the relevant columns in the data fields.

<figure><img src="https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2FyRiP3adEicBews9SQ0EL%2Fdata%20fields.png?alt=media&#x26;token=0cecfbc1-b835-43f3-9086-07192ae5bc84" alt="" width="375"><figcaption><p><em>Image 2: Populate Data Columns</em></p></figcaption></figure>

3. Navigate to the Map Field option in the top ribbon and map these newly populated columns to the Map Field, as shown in the image below:

<figure><img src="https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2FOd1cdWLF4eMx8rfBtzze%2Fmap%20field.png?alt=media&#x26;token=21a17bf6-ceb6-4e1e-8943-9849131287b9" alt="" width="375"><figcaption><p><em>Image 3: Map newly added column in the Map field</em></p></figcaption></figure>

4. Conceal the parent-child connectors to focus on the Links:

   1. To improve the appearance of the Supply Chain Network, first navigate to the **Display** option in the top ribbon. Then, in the **Navigation** tab, turn off the expand/collapse button.
   2. Navigate to the Connectors Tab and set the connector color to transparent to hide the connectors to achieving cleaner view.

   <figure><img src="https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2FNt1dy3bE17DBEvqqB8X4%2Fimage.png?alt=media&#x26;token=f1357e1e-2207-4556-be41-3a6c8c7fefcc" alt="" width="274"><figcaption><p><em>Image 4: Expand Collapse button</em></p></figcaption></figure>

   <figure><img src="https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2FLVhrUotMj7Obao8xEnkc%2Fimage.png?alt=media&#x26;token=ac3337bb-05dd-49e7-bdae-4636b32f03ee" alt="" width="276"><figcaption><p><em>Image 5: Hide connectors</em></p></figcaption></figure>
5. Now, all the Supply Chain Phases will be connected to each other based on their Link IDs.&#x20;

<figure><img src="https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2Fq5Xo7bRoNC5xyT6TTJkz%2Fimage.png?alt=media&#x26;token=68bb5324-1277-4ea8-833d-69d402c53f52" alt="" width="563"><figcaption><p>Image 6: Supply Chain Network with Links</p></figcaption></figure>

6. To view the network between of any Supply Chain Phase, simply click on ellipsis icon in the top-right corner of the node and select the "Show Linked" option, as shown in the image below:

<figure><img src="https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2FohLOSAE8S5IcX8agTGtr%2Fimage.png?alt=media&#x26;token=645f737b-be06-48d0-8666-6edcc775c104" alt="" width="294"><figcaption><p>Image 7: Show Linked</p></figcaption></figure>

As a result, it will display the network between the selected Supply Chain Phase with other Phases, as shown below:

<figure><img src="https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2FOyCjJMhX89KQadM8RDy0%2FSupply%20chain.gif?alt=media&#x26;token=5378dfce-3a9f-4b38-b5da-c8a3419e48c5" alt="" width="563"><figcaption><p><em>GIF 2: Supply Chain Network</em></p></figcaption></figure>