Lightweight Sankey Diagram - Documentation (O11)

Stable version 1.0.0 (Compatible with OutSystems 11)

Uploaded

on 25 Sep (yesterday)

EONE TECHNOLOGIES PRIVATE LIMITED

0.0

(0 ratings)

Documentation

1.0.0

How It Works

The component expects data in a structured object/record list format:

Field	Type	Description
Source	Text	Origin node of the flow.
Destination	Text	Target node of the flow.
Weightage	Integer	Magnitude of the flow (determines link thickness).
SourceColor	Text	(Optional) Hex/RGB color for the source node.
DestinationColor	Text	(Optional) Hex/RGB color for the destination node.
FlowColor	Text	(Optional) Hex/RGB color for the flow link. If not provided, defaults apply.

Usage in OutSystems

Install from Forge → Add the Sankey Diagram component to your app.
Drag & Drop the Sankey Diagram block into your Reactive Web Screen.
Provide Data Source → Pass a Record List that matches the expected structure.
Customize Colors (Optional) → Define node and flow colors for better visualization.

Example

Input Data (converted to OS List format)

[

{

"Source": "Brazil",

"Destination": "Portugal",

"Weightage": 5,

"SourceColor": "#1f77b4",

"DestinationColor": "#ff7f0e",

"FlowColor": "#2ca02c"

{

"Source": "Canada",

"Destination": "France",

"Weightage": 5

}

]

Output