Custom Dashboards
Create personalized dashboards to visualize your testing data with drag-and-drop simplicity.
info
Coming Soon This feature is currently in development.
Dashboard Basics
What is a Dashboard?
A dashboard is a visual display of your most important metrics:
┌─────────────────────────────────────────────────────────┐
│ Quality Dashboard [Share] [⚙️] │
├───────────────┬───────────────┬───────────────┬─────────┤
│ Pass Rate │ Total Tests │ Open Defects │ Trend │
│ 94.2% │ 1,234 │ 23 │ ↗️ │
├───────────────┴───────────────┴───────────────┴─────────┤
│ ┌─────────────────────────────────────────────────┐ │
│ │ Test Results - Last 30 Days │ │
│ │ 100% ┤ ▄▄▄▄ │ │
│ │ 80% ┤ ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄████ │ │
│ │ 60% ┤ ▄▄▄▄▄█████████████████████▄▄▄▄ │ │
│ │ └────────────────────────────────────── │ │
│ └─────────────────────────────────────────────────┘ │
├─────────────────────────────┬───────────────────────────┤
│ Tests by Module │ Recent Activity │
│ ┌─────────────────────┐ │ • Test run completed │
│ │ ████████ 40% │ │ • New defect reported │
│ │ ██████ 30% │ │ • Test case created │
│ │ ████ 20% │ │ • Report generated │
│ │ ██ 10% │ │ │
│ └─────────────────────┘ │ │
└─────────────────────────────┴───────────────────────────┘
Dashboard Types
| Type | Description | Audience |
|---|---|---|
| Executive | High-level KPIs | Management |
| Operational | Day-to-day metrics | QA Leads |
| Technical | Detailed analysis | Engineers |
| Personal | Individual focus | Anyone |
Creating Dashboards
From Template
- Navigate to Reporter > Dashboards
- Click New Dashboard
- Select a template:
- Quality Overview
- Test Execution
- Team Performance
- Release Readiness
- Customize as needed
From Scratch
- Click Blank Dashboard
- Add widgets from library
- Configure data sources
- Arrange layout
- Save and share
Widget Library
Metric Widgets
| Widget | Display |
|---|---|
| Number | Single metric value |
| Gauge | Progress indicator |
| Sparkline | Mini trend line |
| Comparison | vs. previous period |
Chart Widgets
| Widget | Best For |
|---|---|
| Line Chart | Trends over time |
| Bar Chart | Category comparison |
| Pie Chart | Distribution |
| Area Chart | Volume trends |
| Stacked Bar | Multi-series comparison |
Data Widgets
| Widget | Content |
|---|---|
| Table | Detailed records |
| List | Recent items |
| Calendar | Date-based view |
| Map | Geographic data |
Special Widgets
| Widget | Purpose |
|---|---|
| Text | Descriptions, notes |
| Image | Logos, diagrams |
| Embed | External content |
| Filter | Interactive filtering |
Widget Configuration
Data Source
Widget:
type: line_chart
title: Test Results Trend
data:
source: test_executions
metrics:
- passed
- failed
dimensions:
- date
filters:
date_range: last_30_days
project: ${selected_project}
Visualization Settings
| Setting | Options |
|---|---|
| Colors | Theme, custom palette |
| Legend | Position, format |
| Axis | Labels, scale, grid |
| Tooltips | Content, format |
| Animation | Enable/disable |
Interactivity
- Click to drill down
- Hover for details
- Filter by selection
- Link to other dashboards
Layout & Design
Grid System
Dashboards use a 12-column grid:
┌────┬────┬────┬────┬────┬────┬────┬────┬────┬────┬────┬────┐
│ 1 │ 2 │ 3 │ 4 │ 5 │ 6 │ 7 │ 8 │ 9 │ 10 │ 11 │ 12 │
├────┴────┴────┴────┴────┴────┼────┴────┴────┴────┴────┴────┤
│ 6 columns │ 6 columns │
├────┴────┴────┴────┴────┴────┴────┴────┴────┴────┴────┴────┤
│ 12 columns (full width) │
└───────────────────────────────────────────────────────────┘
Responsive Behavior
| Screen | Columns | Layout |
|---|---|---|
| Desktop | 12 | Full layout |
| Tablet | 6 | 2 columns |
| Mobile | 4 | Stacked |
Themes
| Theme | Style |
|---|---|
| Light | White background |
| Dark | Dark mode |
| Brand | Custom colors |
| Optimized for printing |
Sharing & Permissions
Access Levels
| Level | Capabilities |
|---|---|
| View | See dashboard |
| Edit | Modify widgets |
| Admin | Delete, share |
Sharing Options
- Share with team
- Share with project
- Public link (view only)
- Embed in other tools
Scheduled Snapshots
Send dashboard snapshots via email:
- Daily summary
- Weekly report
- Custom schedule
Templates
Built-in Templates
| Template | Metrics |
|---|---|
| Quality Overview | Pass rate, coverage, defects |
| Sprint Progress | Completion, velocity, burndown |
| Release Readiness | Blockers, risk, status |
| Team Performance | Execution, productivity |
Custom Templates
Save your dashboard as a template:
- Create and configure dashboard
- Click Save as Template
- Add description and tags
- Share with organization
Best Practices
Design
- Keep it simple
- Focus on key metrics
- Use consistent colors
- Add context with labels
Performance
- Limit widgets per dashboard
- Use appropriate time ranges
- Cache when possible
Maintenance
- Review regularly
- Update for relevance
- Archive unused dashboards