Custom Dashboards

Custom Dashboards allow you to create personalized views of your AI spending data, tailored to your specific needs and use cases. Start with pre-built templates or build completely custom dashboards from scratch.

Overview

While the Overview Dashboard provides a general view of your AI spending, Custom Dashboards let you create focused views for specific scenarios:

Role-specific views - Dashboards tailored for executives, engineers, or finance teams
Feature monitoring - Track spending for specific product features
Provider comparison - Compare costs across different AI providers
Environment tracking - Monitor spending across production, staging, and development
Project-based views - Track costs for specific projects or teams

Custom Dashboard Interface - A screenshot showing the dashboard builder with available widgets, template selection, and customization options

Image Placeholder: This should show the dashboard builder interface with:

Template selection sidebar
Widget library/palette
Canvas area for arranging widgets
Configuration panel
Save/Preview buttons
Dashboard name and description fields

Pre-Built Templates

Start quickly with professionally designed templates for common use cases:

AI Cost Overview

Comprehensive view of total spending, provider breakdown, and top contributors. Perfect for executive summaries and high-level monitoring.

Production Monitoring

Focus on production environment spending with real-time metrics and alert status. Essential for operations teams.

Development Analytics

Track development and staging environment costs separately. Helps manage dev/test spending and prevent production impact.

Feature-Specific Costs

Monitor spending for individual product features. Ideal for product teams tracking feature-level ROI.

Provider Comparison

Side-by-side comparison of costs across different AI providers. Useful for optimization and provider selection decisions.

Template Features

Each template includes:

Pre-configured widgets - Charts, tables, and metrics relevant to the use case
Appropriate filters - Filters set up for the template’s purpose
Best practice layouts - Optimized arrangement of widgets for readability
Customizable - Modify templates to match your exact needs

Start with a template that’s close to your needs, then customize it to match your specific requirements. This is faster than building from scratch.

Building Custom Dashboards

Step 1: Choose a Starting Point

Start from Template

Select a pre-built template that matches your use case, then customize it to your needs.

Start from Scratch

Build a completely custom dashboard by adding widgets one by one.

Duplicate Existing Dashboard

Copy an existing dashboard (yours or a shared one) and modify it for a new purpose.

Step 2: Add Widgets

Choose from available widget types:

Metrics Cards

Display key metrics like total spend, transaction count, or average cost per transaction.

Time Series Charts

Show spending trends over time with line or area charts.

Breakdown Charts

Visualize spending distribution with pie, donut, or bar charts.

Data Tables

Display detailed data in sortable, filterable tables.

Top Contributors

Show top spenders by feature, user, model, or other dimensions.

Comparison Views

Compare metrics across different time periods, providers, or features.

Step 3: Configure Widgets

Customize each widget:

Data source - Choose what data the widget displays
Time range - Set the time period for the widget
Filters - Apply filters to focus on specific data
Visualization options - Customize colors, chart types, and display options
Size and position - Arrange widgets on the dashboard canvas

Widget Configuration - A screenshot showing the widget configuration panel with data source selection, filter options, visualization settings, and preview

Image Placeholder: This should show the widget configuration panel with:

Widget type selector
Data source dropdown
Time range picker
Filter section
Chart type options
Color scheme selector
Size and position controls
Live preview

Step 4: Arrange Layout

Organize widgets on your dashboard:

Drag and drop - Rearrange widgets by dragging them to new positions
Resize - Adjust widget sizes to emphasize important metrics
Grid layout - Use a responsive grid system for clean organization
Sections - Group related widgets into sections with headers

Step 5: Set Dashboard Filters

Configure dashboard-level filters that apply to all widgets:

Default date range - Set the default time period for the dashboard
Global filters - Apply filters that affect all widgets (e.g., specific environment or provider)
Quick filters - Add filter buttons for common views

Dashboard-level filters provide a consistent view across all widgets, while individual widgets can have their own specific filters for detailed analysis.

Dashboard Examples

Executive Dashboard

Image Placeholder: This should show an executive-style dashboard with:

Large total spend metric at the top
Provider breakdown pie chart
Spending trends line chart
Key metrics cards (transactions, average cost, etc.)
Top 5 contributors table
Clean, minimal design suitable for executive presentations

Use case: High-level overview for executives and leadership Key widgets:

Total spend (large metric)
Provider breakdown (pie chart)
Spending trends (line chart)
Top contributors (table)
Key metrics cards

Feature Monitoring Dashboard

Image Placeholder: This should show a feature-focused dashboard with:

Feature breakdown bar chart
Cost per feature metrics
Feature usage trends
Top features by cost table
Feature comparison widgets

Use case: Track spending for individual product features Key widgets:

Feature breakdown (bar chart)
Cost per feature (metrics)
Feature usage trends (line chart)
Top features table
Feature comparison (side-by-side)

Provider Comparison Dashboard

Image Placeholder: This should show a provider comparison dashboard with:

Side-by-side provider metrics
Provider cost trends (multi-line chart)
Cost efficiency comparison
Provider usage statistics
Provider breakdown table

Use case: Compare costs and efficiency across AI providers Key widgets:

Provider metrics (side-by-side cards)
Provider trends (multi-line chart)
Cost efficiency comparison
Usage statistics by provider
Provider breakdown table

Share dashboards with team members:

View access - Allow team members to view the dashboard
Edit access - Allow team members to modify the dashboard
Public link - Generate a shareable link for external stakeholders

Be careful with public links. Only share with trusted parties as they may contain sensitive cost information.

Dashboard Permissions

Control who can access your dashboards:

Private - Only you can view and edit
Team - All team members can view, you control edit access
Organization - All organization members can view

Best Practices

Start with Templates

Use pre-built templates as a starting point rather than building from scratch. You can always customize later.

Focus on Key Metrics

Don’t overcrowd dashboards. Focus on the 5-10 most important metrics for your use case.

Use Consistent Time Ranges

Keep time ranges consistent across widgets for easier comparison and analysis.

Organize Logically

Group related widgets together and use clear section headers to guide the viewer’s eye.

Test with Users

Share draft dashboards with intended users to ensure they provide the insights needed.

Keep Updated

Periodically review and update dashboards to ensure they remain relevant as your needs evolve.

Pro tip: Create role-specific dashboards (executive, engineer, finance) and share them with the appropriate teams. Each role has different information needs.

Dashboard Management

Saving and Naming

Save drafts - Save work in progress without publishing
Version history - View and restore previous versions of dashboards
Descriptive names - Use clear, descriptive names that indicate the dashboard’s purpose

Organizing Dashboards

Folders - Organize dashboards into folders by team, project, or use case
Favorites - Mark frequently used dashboards as favorites for quick access
Tags - Add tags to dashboards for easier searching and filtering

Updating Dashboards

Edit anytime - Modify dashboards as your needs change
Real-time data - Dashboards automatically update with the latest data
Refresh - Manually refresh to see the most current information

Use Cases

Executive Reporting

Create high-level dashboards for executives with key metrics and trends for strategic decision-making.

Team Monitoring

Build team-specific dashboards to track spending for different projects or departments.

Feature Tracking

Monitor individual product features to understand feature-level costs and ROI.

Provider Optimization

Compare providers side-by-side to make informed decisions about provider selection.

Budget Management

Create budget-focused dashboards with spending trends and forecast projections.

Anomaly Detection

Build dashboards that highlight unusual spending patterns or cost spikes.

Dashboard - Overview dashboard for general monitoring
Cost Explorer - Detailed cost analysis and breakdowns
Reports - Generate detailed reports from dashboard data
Alerts - Set up alerts based on dashboard insights