icicle-chart
Reactive icon

Icicle Chart

Stable version 1.0.0 (Compatible with OutSystems 11)
Uploaded
 on 2 Oct (yesterday)
 by 
EONE TECHNOLOGIES PRIVATE LIMITED
0.0
 (0 ratings)
icicle-chart

Icicle Chart

Details
The Icicle Chart app provides a reusable component for hierarchical data visualization inside OutSystems applications. Built with D3.js, it helps represent multi-level structured data in a clean and interactive chart, showing how top-level categories break down into subcategories. The chart supports tooltips, labels, and dynamic color schemes, making it suitable for business reporting, organizational mapping, and data analysis.
Read more

An Icicle Chart is a visualization used to display hierarchical (tree-structured) data in a series of stacked rectangles.
Each layer represents a level in the hierarchy, with parent categories breaking down into child categories.
It’s useful for showing proportions and drill-down paths in a compact, space-efficient layout.

Features:

  • Accepts hierarchical JSON input.

  • Configurable color schemes (Viridis, Plasma, Spectral, etc.).

  • Optional tooltips with node details.

  • Expand/collapse navigation.

  • Supports labels with minimum width control


Use Case in OutSystems

Imagine a Corporate Analytics Portal where different departments want to visualize budgets, resources, or tasks broken down into detailed subcategories.

  • Project Management: Task - >Phase - >Sprint - >Story breakdown.

  • Education: School - >Department - >Courses - >Students.

  • Healthcare: Hospital - > Departments - >Specialties - > Doctors.

  • Retail: Store - >Category - >Product Line - >SKUs


Release notes (1.0.0)
License (1.0.0)
Reviews (0)
Team
Other assets in this category