# Sankey diagram

Sankey diagrams are particularly well suited for showing inflows and outflows for a quantity.

Since the inflows and outflows are displayed as arrows whose thickness is proportional to the quantity, energy flows, for example, can be made intuitively understandable.

<div data-full-width="true"><figure><img src="https://content.gitbook.com/content/Nyvwhz1kEMXcHf4HLuZ8/blobs/VUHr2galUFnXjsDwZqLv/A86A460A-F303-48CF-BD3B-9B7B4FBEB064.png" alt=""><figcaption><p>A Sankey diagram with 2 inflows (left) and several outflows (right).</p></figcaption></figure></div>

## When should this display be used?&#x20;

The Sankey diagram should be used when you want to represent energy and material flows. Sankey diagrams are excellent for showing how much of the total output is consumed by individual consumers.

## Configure widget

{% @supademo/embed demoId="\_yIBx6mWTACoiIBCX7jqX" url="<https://app.supademo.com/demo/_yIBx6mWTACoiIBCX7jqX>" fullWidth="true" %}

1. Make sure you are in the "Dashboard" menu
2. Click "Add widget"
3. Click on "View"
4. Click on "Sankey overview"
5. Select the primary asset. The name of this asset will appear in the widget title bar.
6. Select an asset that should act as the source.&#x20;
7. Select the source attribute.
8. Choose whether the current value or the aggregated value should be used for calculations.
9. Optional: Repeat the last steps to create another source.
10. Select an asset that should act as the sink. A sink can, for example, be a consumer.&#x20;
11. Select the sink attribute.
12. Choose whether the current value or the aggregated value should be used for calculations.
13. Optional: Repeat the last steps to create another sink.
14. Optional: Choose how much space your new widget should take up on the dashboard.
15. Click "Add widget"