Why Circle Packing in OutSystems?

OutSystems default charts (bar/line/pie) don’t handle hierarchical data well.

Circle Packing lets you show nested relationships without overwhelming the UI. It gives a visual hierarchy where:

Larger circles represent higher-level groups (e.g., departments, categories, regions).

Smaller nested circles represent subgroups or individual items.

Circle size can be used to indicate importance, value, or volume.

This makes it ideal for:

Org structures ? CEO ? Departments ? Teams.

Financials ? Budget ? Departments ? Expenses.

Product catalogs ? Categories ? Subcategories ? Products.

Sustainability dashboards ? Country ? City ? Event Impact.

With interactive zoom and tooltips, Circle Packing provides insightful exploration of hierarchical data that standard charts in OutSystems cannot.

Use Cases in OutSystems

 1. Organization Hierarchy

Show CEO ? Departments ? Teams ? Employees as nested circles.
Each circle size = number of employees, budget, or performance index.
Makes it easy to explore team size vs department impact.

2. Customer Segmentation

Circle = Customer group (e.g., Geography ? Region ? Age Group).

Size = number of customers, revenue contribution, or churn risk.

Business apps can use this to quickly identify where customers cluster.