Sankey Chart

  • Last update:August 12, 2024
  • Overview

    Version

    FineBI Version

    Functional Change

    6.0

    Added Sankey Chart to Chart Type.

    Added Flow Pathline to Chart Type > Custom Chart for Sankey 

    chart creation.

    Application Scenario

    Sankey chart is a type of chart used to visualize data flows. The chart represents the magnitude of data flows by the width of the branches extending in the chart. In a Sankey chart, the direction of the lines represents the direction of data flows, and the changes in line width visually display data variations.

    A Sankey chart is very suitable for visualization analysis of data related to energy, material composition, finance, and website user traffic. Through the chart, the flow and magnitude of connections between different nodes can be clearly displayed.

    For example, a seafood wholesale supplier ships products to stores across the country based on order requirements. The supplier wants to predict which seafood products need to be restocked in the future but is unsure about the order details, including which seafood products have more orders and where they are sold.

    Now, the supplier wants to analyze which are the top five best-selling seafood products and identify the stores where these products were sold. Through a Sankey chart, you can visualize the stores to which each product flows. The thickness of the lines represents flow volumes.

    036fb8d9c613d7fd0582b2bb1b4640f.png

    Basic Requirement

    Chart Effect

    Dimension Field

    Indicator Field

    Sankey Chart

      > = 2

      > = 1

    Chart Feature

    1. Advantage

    Intuitiveness: A Sankey chart visually displays data flow magnitude through the width of arrows or bars for easy understanding.

    Energy conservation: The design of a Sankey chart adheres to the principle of energy conservation (the total volume flowing in equaling the total volume flowing out), which helps to display the equilibrium state of data.

    2. Disadvantage

    Complexity: For a Sankey chart with complex data flow paths or too many nodes, it may become difficult to interpret and understand the chart.

    Detail limitation: A Sankey chart may be less effective for displaying very detailed data flows, especially when there are small differences in flow volumes between data points.

    Demo View

    You can click Sankey Chart Demo to go to the preview page where you can learn and use the online project to get started.

    Example One: Double Nodes

    Data Preparation

    1. Log in to FineBI, click My Analysis, select a folder, and click New Subject, as shown in the following figure.

    55d53393f46066283bc2e1d123995cf.png

    2. Click Local Excel and click Upload Data, as shown in the following figure.

    You can download the sample data: Order Sales Detail Table.xlsx.

    c8e70000fac462409121c246ce4ea57.png

    3. Click OK after the data is uploaded.

    693778a060c0eef949d3b33d8ba4be5.png

    4. Click Save and Update to complete the data creation, as shown in the following figure.

    c9790201b438f1a59d6d4a44698559b.png

    Creating a Component

    1. Click Component in the lower left corner.

    2. Select Sankey Chart in Chart Type.

    3. Drag the field Product Name in the left to-be-analyzed area into Graphic Property > Start, drag the field Store Name into End, and drag the field Order Amount into Size, as shown in the following figure.

    iconNote:
    Zero or negative values in the data table will be filtered and not displayed.

    872adc1d897d59ced774c597476d442.png

    4. Click the drop-down button next to the field Product Name in Start, select Filter from the drop-down list, click the ead38fa154eca4243ca1ef0b7c73c2c.png icon to delete the original condition in the pop-up setting box, click Add Condition, select the field Order Amount, and set the condition to Largest N, Fixed Value, and 5 in sequence to filter the top five products in order amounts, as shown in the following figure.

    图片1.png

    Component Beautification

    1. Distinguish different product flows with different colors. Drag the field Product Name in the left to-be-analyzed area into Graphic Property > Color, as shown in the following figure.

    fbdfe54a2fb574a810f470a88bf212b.png

    2. Add graphical labels for the starting and ending points. Click Label in Graphic Property and select Display Node Name in the pop-up setting box, as shown in the following figure.

    3d5d3d874fafed2f60fe54fe922b42c.png

    For details about more color, label, prompt, and fine-grained settings, see Graphic Property.

    For details about more legend, gridline, background, and adaptation settings, see Chart Component Style.

    Dashboard Creation

    1. Click the Add Dashboard button at the bottom of the analysis subject editing page.

    2. Drag the component into the dashboard on the dashboard editing page, as shown in the following figure.

    ce85630374859e9c938141408ffede5.png

    3. Select Edit Title from the drop-down list, set Font Style to Custom, set the title to Sankey Chart: Double Nodes, and click OK.

    图片2.png

    Effect Display

    1. PC

    036fb8d9c613d7fd0582b2bb1b4640f.png

    2. Mobile Terminal

    0bc17d43deb6cfe20c40cfd76994941.png

    Example Two: Triple Nodes

    Data Preparation

    No further elaboration will be provided in this section. For details, see section "Data Preparation."

    You can download the sample data: Sankey Chart.xlsx.

    Source: represents the start point of data flows.

    Target: represents the end point of data flows.

    Number of people: measures the size of flow volumes.

    For example, you can create a Sankey chart using this Excel sheet, with the flow direction from genders, used phone brands, to ages. Phone brands should be both the starting and ending point.

    ff863c1454119a1c731ae0ef0b559e5.png

    Component Creation

    1. Click Component in the lower left corner.

    2. Select Sankey Chart in Chart Type.

    3. Drag the field Source in the left to-be-analyzed area into Graphic Property > Start, drag the field Target into End, and drag the field Number of People into Size, as shown in the following figure.

    40ab239c85851b45f3437ca973e3d1e.png

    Component Beautification

    1. Distinguish different product flows with different colors. Drag the field Source in the left to-be-analyzed area into Graphic Property > Color, as shown in the following figure.

    d0065357e2d95663303bfc470a15562.png

    2. Add graphical labels for the starting and ending points. Click Label in Graphic Property and select Display Node Name in the pop-up setting box, as shown in the following figure.

    16a011cd68478ca2897a066e10527fa.png

    Dashboard Creation

    For details, see section "Dashboard Creation." (In this section you need to set the title to Sankey Chart: Triple Nodes.)

    Effect Display

    1. PC

    fc0590e60a079a0db9cf819305d17c4.png

    2. Mobile Terminal

    fb3f313233a2446106856b0a76341b4.jpg

    附件列表


    主题: Visual Components
    Previous
    Next
    • Helpful
    • Not helpful
    • Only read

    滑鼠選中內容,快速回饋問題

    滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

    不再提示

    10s後關閉

    Get
    Help
    Online Support
    Professional technical support is provided to quickly help you solve problems.
    Online support is available from 9:00-12:00 and 13:30-17:30 on weekdays.
    Page Feedback
    You can provide suggestions and feedback for the current web page.
    Pre-Sales Consultation
    Business Consultation
    Business: international@fanruan.com
    Support: support@fanruan.com
    Page Feedback
    *Problem Type
    Cannot be empty
    Problem Description
    0/1000
    Cannot be empty

    Submitted successfully

    Network busy