Custom Widgets

The AIIA Dashboard Builder supports custom widgets that extend the default dashboard metrics. Create organization-specific visualizations using the widget API.

Built-In Widget Types

Widget	Description
Metric Card	Single value with trend indicator
Bar Chart	Grouped or stacked bar charts
Line Chart	Time-series trend lines
Donut Chart	Proportional distribution
Table	Tabular data with sorting and filtering
Heat Map	Risk/compliance matrix visualization
Status Board	Multi-item status indicators

Creating Custom Widgets

Widget Configuration

Widgets are configured through the Dashboard Builder UI:

1. Navigate to Dashboards → Dashboard Builder
2. Click + Add Widget
3. Select the widget type
4. Configure the data source:
   • API endpoint — fetch data from AIIA API
   • KRI values — bind to KRI metrics
   • Static — hardcoded values for labels/headers
5. Set the display properties (size, colors, labels)
6. Save

Data Binding

Widgets can bind to:

• Engagement metrics (count, status, completion %)
• Finding metrics (severity distribution, aging)
• KRI values (current, threshold, trend)
• Compliance scores (framework, domain)
• Custom API endpoints

Widget Layout

The dashboard uses a responsive grid:

• Desktop: 12-column grid
• Tablet: 6-column grid
• Mobile: single column
• Widgets support drag-and-drop repositioning

Permissions

Action	Auditor	Manager	CAE	Admin
View dashboards	✅	✅	✅	✅
Create widgets	❌	✅	✅	✅
Edit shared dashboards	❌	❌	✅	✅
Delete widgets	❌	✅	✅	✅