Lightweight Sankey Diagram - Overview (O11) | OutSystems

Skip to Content (Press Enter)

Log in

lightweight-sankey-diagram

Stable version 1.0.0 (Compatible with OutSystems 11)

Uploaded

on 25 Sep (yesterday)

by

EONE TECHNOLOGIES PRIVATE LIMITED

0.0

(0 ratings)

lightweight-sankey-diagram

Details

The Sankey Diagram Component is a reusable OutSystems UI widget that allows developers to visually represent flows between sources and destinations with weighted connections. It is designed for scenarios where users need to analyze data movement, distribution, or proportional flows in an intuitive way. This component is built as a client-side custom widget and can be directly consumed in any Reactive Web or OutSystems application.

Asset screenshot_0

Asset screenshot_1

Asset screenshot_2

Read more

Key Features

Dynamic Sankey diagram generation from structured data.
Support for multiple sources and destinations.
Customizable colors for sources, destinations, and flows.
Automatic weight-based flow sizing.
Responsive and interactive visualization.
Works seamlessly with OutSystems data sources (Entities, Aggregates, REST APIs).

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.

Release notes (1.0.0)

License (1.0.0)

BSD-3 license (https://opensource.org/licenses/BSD-3-Clause)

Reviews (0)

Team

Other assets in this category

This component features the most commonly used chart types to easily generate visual representations of data in Traditional Web apps.

outsystems-charts

This component features the most commonly used chart types to easily generate visual representations of data in Reactive Web and Mobile apps.

chart-multiple-line

Charts with multiple line

More from EONE TECHNOLOGIES PRIVATE LIMITED

audio-visualizer

The Audio Visualizer UI Component is a ready-to-use, modern, and customizable interface designed to display and control audio playback in a visually engaging way. It is built for use in applications or websites that need interactive sound or music elements—such as music apps, podcast tools, or entertainment platforms.

developers-manual

Developer's Manual is an application providing comprehensive insights and documentation for selected applications which helps the developers. It lists applications with creator info, descriptions, modules, and extensions. Users can view counts and details of tables/entities, user analytics by role, site properties, and timers, all represented with charts and tables. The application also includes publish information, module dependencies, and deployment statuses across environments. This tool helps users efficiently manage and document (as PDF format) their applications with detailed analytics and reporting. Note 1-Please make sure that Lifetime should be installed in the environment for the application to work. 2-You can manually change the base URL of lifetime API in service center under Factory>Modules>Integrations>Consumed Rest APIs.

This Forge component enables developers to generate encrypted QR codes and later scan + decrypt them using a supplied key. It is designed to provide a secure, reusable, and lightweight solution for OutSystems applications requiring tamper-proof QR workflows.