HTML Sankey Widget Instructions

A Sankey diagram is very useful in depicting flows between related items (nodes). The size of the flow represents a relative quantity with respect to the other flows, and the node size also reflects the relative quantity passing through, or beginning or ending at that node. Before using this widget, it is important to understand what data you have and if this type of display makes sense or adds any value.

To create and configure a Sankey Widget, perform the following steps:

  1. Create a data source with the data you wish to have displayed in the Sankey diagram.
  2. Select the stack you want to create the widget in and click the Add Widget quick action button.
  3. Select the HTML Widget type under the Web tab.

  4. Click Use Selected.
  5. Provide a name for the widget and select the appropriate data collection in the Data screen.

  6. Click Next.
  7. Select the SankeyWidget for the HTML Component Selection in the Visualization screen.

  8. Click Next.
  9. Configure any options you desire in the Options screen.
  10. Click Finish.
  11. In the Builder, click the wrench button in the HTML Sankey Widget.

  12. For Sankey Fields, enter the related fields you wish to display in the diagram, separating each with a comma.  You can see the available options listed under All Available Fields.

  13. Click Save Config.
  14. You will now see the Sankey diagram displayed in the HTML Sankey Widget.

This article was created using AppBoard 2.6.1.

  • 20
  • 11-May-2016
  • 289 Views