Custom Dashboards

​

Overview

​

What are Custom Dashboards?

​

Key Features

​

Drag-and-Drop Builder

• Drag widgets onto canvas
• Resize and arrange freely
• No code required
• Real-time preview

​

Widget Library

• Line chart — Time series data
• Bar chart — Comparisons
• Pie chart — Proportions
• Table — Raw data
• Number — Single metric (big number)
• Gauge — Visual indicator with thresholds
• Heatmap — Distribution over time
• Markdown — Custom text and links

​

Data Sources

• Execution metrics (success rate, duration)
• Custom metrics (your own tracked metrics)
• Logs (error counts, patterns)
• Cost data (LLM usage, API calls)
• External APIs (via Actions)

​

Time Controls

• Last 5 minutes → Last 30 days
• Custom date range
• Real-time (auto-refresh)
• Compare time periods

​

Variables

Project: [dropdown selector]
Environment: [staging | production]
Time range: [last 24 hours]

​

Templates

• Production Overview
• Cost Monitoring
• Quality Metrics
• Customer Support KPIs
• Developer Dashboard
• Executive Summary

​

Example Dashboards

​

Production Monitoring Dashboard

• Request rate (line chart)
• Error rate (gauge, red if >5%)
• Avg response time (number, ms)

• Success rate by Project (bar chart)
• Error types (pie chart)
• Recent errors (table)

• Execution timeline (area chart)
• Cost by Project (stacked bar)
• Active users (line chart)

​

Cost Analysis Dashboard

• Total cost today (big number)
• vs. yesterday (% change)
• Daily cost trend (line chart)

• Cost by Project (pie chart)
• Cost by LLM model (bar chart)
• Token usage trend (area chart)

• Top expensive executions (table)
• Cost forecast (line chart)
• Budget vs. actual (gauge)

​

Agent Quality Dashboard

• Avg response quality (gauge)
• User satisfaction (line chart)
• Thumbs up/down ratio (pie chart)

• Response time distribution (histogram)
• Tool usage (bar chart)
• Conversation volume (area chart)

• Recent feedback (table)
• Quality by Agent (comparison)
• Improvement over time (line chart)

​

Sharing and Collaboration

​

Share Dashboards

• Share link (view-only or editable)
• Embed in Slack/Discord
• Email snapshots
• Public URLs (optional)

​

Permissions

• Organization members (all)
• Specific users
• Specific roles (Admin, Editor, Viewer)
• Public (anyone with link)

​

Versioning

• Save dashboard versions
• Restore previous versions
• Compare changes
• Clone and modify

​

Alerts from Dashboards

1. Click widget
2. “Create Alert from This”
3. Define threshold
4. Choose notification channel
5. Save

​

Embedding

<iframe
  src="https://dashboards.triform.ai/embed/abc123?theme=dark"
  width="100%"
  height="600"
></iframe>

• Full dashboard or single widget
• Light/dark theme
• Auto-refresh interval
• Hide/show controls

​

Mobile Support

• Automatic layout for mobile
• Swipe between sections
• Tap to drill down
• Push notifications for alerts

​

API

from triform import Dashboards

# Create dashboard
dashboard = Dashboards.create(
    name="My Dashboard",
    widgets=[
        {
            "type": "line_chart",
            "metric": "request_rate",
            "position": {"x": 0, "y": 0, "w": 6, "h": 4}
        },
        {
            "type": "gauge",
            "metric": "error_rate",
            "thresholds": [0, 1, 5],  # green, yellow, red
            "position": {"x": 6, "y": 0, "w": 3, "h": 4}
        }
    ]
)

# Get dashboard data
data = dashboard.get_data(
    start_time="2025-10-01",
    end_time="2025-10-02"
)

# Update dashboard
dashboard.add_widget({
    "type": "table",
    "query": "SELECT * FROM executions WHERE status='failed'"
})

​

Export and Backup

• JSON format (import elsewhere)
• PDF snapshot (for reports)
• Image (PNG for sharing)
• CSV data (for analysis)

​

Templates Gallery

• Browse community templates
• Clone and customize
• Share your own
• Rate and review

​

Advanced Features

​

Drill Down

• Click chart → See raw data
• Click metric → View logs
• Click execution → Full trace

​

Annotations

• Deployment markers
• Incident annotations
• Release notes
• Custom notes

​

Comparison Mode

• This week vs. last week
• Staging vs. production
• Agent v1 vs. v2
• Before vs. after changes

​

Calculated Metrics

conversion_rate = (successful_orders / total_orders) * 100
cost_per_success = total_cost / successful_executions

​

Integrations

• Google Analytics
• Stripe (revenue data)
• Custom APIs
• Databases (read-only)

​

Use Cases

​

DevOps Monitoring

• Uptime and availability
• Error rates and types
• Performance metrics
• Resource usage

​

Product Analytics

• Feature usage
• User journey flows
• Conversion funnels
• Retention cohorts

​

Executive Reporting

• Business KPIs
• Cost trends
• User growth
• Revenue impact

​

Team Collaboration

• Current sprint metrics
• Team performance
• Project status
• Blockers and issues

​

Pricing

• 3 dashboards
• 10 widgets per dashboard
• Basic widgets
• Organization sharing only

• 25 dashboards
• Unlimited widgets
• All widget types
• Public sharing
• Embedding

• Unlimited dashboards
• Advanced features
• SSO for dashboard access
• White-label embedding
• Priority support

​

Timeline

​

Get Notified

​

Questions?

• Join Discord #dashboards
• Email: product@triform.ai