Skip to main content
Custom dashboards let you create focused views of your AI spending data tailored to specific needs. This guide walks you through creating your first custom dashboard.

​
Prerequisites

  • A Fenra account with transaction data
  • Access to the dashboard (any user role can create dashboards)

​
Quick Start: Using a Template

The fastest way to create a dashboard is to start with a pre-built template:
1

Navigate to Dashboards

Go to Dashboards in the main navigation, then click “Create Dashboard”.Create Dashboard Button - A screenshot showing the Dashboards page with a prominent "Create Dashboard" button
Image Placeholder: This should show the Dashboards page with:
  • List of existing dashboards (if any)
  • “Create Dashboard” button
  • Template gallery or template selection option
2

Choose a Template

Select a template that matches your use case:

AI Cost Overview

Comprehensive view of total spending, provider breakdown, and top contributors.

Production Monitoring

Focus on production environment spending with real-time metrics.

Development Analytics

Track development and staging environment costs separately.

Feature-Specific Costs

Monitor spending for individual product features.

Provider Comparison

Side-by-side comparison of costs across different AI providers.
Template Selection - A screenshot showing available dashboard templates with previews and descriptions
Image Placeholder: This should show a template gallery with:
  • Template cards with preview images
  • Template names and descriptions
  • “Use Template” or “Select” buttons
  • Preview on hover or click
3

Customize the Template

Once you’ve selected a template, you’ll enter the dashboard builder. The template comes pre-configured with widgets, but you can customize everything:
  • Modify widgets - Change data sources, filters, or visualization types
  • Add widgets - Add additional widgets from the widget library
  • Remove widgets - Remove widgets you don’t need
  • Rearrange - Drag and drop widgets to reorganize the layout
Templates are starting points. Feel free to modify them extensively to match your exact needs.
4

Save Your Dashboard

Click “Save” in the top right, give your dashboard a descriptive name, and optionally add a description.Save Dashboard Dialog - A screenshot showing the save dialog with name and description fields
Image Placeholder: This should show the save dialog with:
  • Dashboard name input field
  • Description textarea (optional)
  • Save button
  • Cancel button

​
Building from Scratch

If you prefer to build a custom dashboard from scratch:
1

Start with a Blank Dashboard

Click “Create Dashboard” and select “Start from Scratch” instead of choosing a template.Blank Dashboard - A screenshot showing an empty dashboard canvas with widget library sidebar
Image Placeholder: This should show an empty dashboard builder with:
  • Empty canvas area
  • Widget library sidebar
  • “Add Widget” button or widget palette
  • Dashboard settings/configuration panel
2

Add Your First Widget

Click “Add Widget” or drag a widget from the library onto the canvas. Choose from:
  • Metrics Cards - Display key metrics like total spend
  • Time Series Charts - Show spending trends over time
  • Breakdown Charts - Visualize spending distribution
  • Data Tables - Display detailed data
  • Top Contributors - Show top spenders Add Widget - A screenshot showing the widget library with different widget types available to add
Image Placeholder: This should show the widget library with:
  • List of available widget types
  • Icons for each widget type
  • Descriptions of what each widget shows
  • “Add” or drag-to-add functionality
3

Configure the Widget

Click on the widget to open the configuration panel:
Choose what data the widget displays (total cost, transaction count, etc.)
Set the time period for the widget (Last 7 days, Last 30 days, custom range, etc.)
Apply filters to focus on specific data (providers, models, environments, features)
Customize chart types, colors, and display options
Adjust widget size and position on the canvas
Widget Configuration - A screenshot showing the widget configuration panel with all configuration options
Image Placeholder: This should show the widget configuration panel with:
  • Data source dropdown
  • Time range picker
  • Filter section with checkboxes/dropdowns
  • Chart type selector
  • Color scheme options
  • Size controls
  • Live preview of changes
4

Add More Widgets

Continue adding widgets to build out your dashboard. Common patterns:
  • Start with metrics - Add key metric cards at the top
  • Add trends - Include time series charts for spending trends
  • Show breakdowns - Add pie or bar charts for distribution
  • Include details - Add tables for detailed data
Aim for 5-10 widgets per dashboard. Too many widgets can be overwhelming, while too few may not provide enough insight.
5

Arrange the Layout

Organize your widgets:
  • Drag and drop - Rearrange widgets by dragging them
  • Resize - Adjust widget sizes to emphasize important metrics
  • Group - Place related widgets near each other
  • Use sections - Add section headers to organize widgets Dashboard Layout - A screenshot showing a dashboard with multiple widgets arranged in a grid layout
Image Placeholder: This should show a dashboard with:
  • Multiple widgets arranged in a grid
  • Different widget sizes
  • Section headers (optional)
  • Clean, organized layout
6

Set Dashboard Filters

Configure dashboard-level filters that apply to all widgets:
  • Default date range - Set the default time period
  • Global filters - Apply filters that affect all widgets
  • Quick filters - Add filter buttons for common views
Dashboard-level filters provide consistency across widgets, while individual widgets can have their own specific filters for detailed analysis.
7

Save Your Dashboard

Click “Save”, give your dashboard a name and description, then click “Save Dashboard”.

​
Common Dashboard Patterns

​
Executive Dashboard

Create a high-level dashboard for executives:
1

Add Key Metrics

Add large metric cards showing total spend, transaction count, and average cost.
2

Add Provider Breakdown

Include a pie chart showing spending by provider.
3

Add Spending Trends

Add a line chart showing spending trends over time.
4

Add Top Contributors

Include a table showing top 5 contributors to spending.

​
Feature Monitoring Dashboard

Track spending for specific features:
1

Set Feature Filter

Configure dashboard-level filter for a specific feature.
2

Add Feature Metrics

Add widgets showing feature-level spending, usage, and trends.
3

Add Cost Breakdown

Include breakdowns by model or provider for the feature.
4

Add Usage Patterns

Show usage patterns and trends for the feature.

​
Sharing Dashboards

Share your dashboard with team members:
1

Open Dashboard Settings

Click the settings icon or menu on your dashboard.
2

Configure Sharing

Choose sharing options:
  • Private - Only you can view
  • Team - All team members can view
  • Specific members - Share with selected team members
3

Set Permissions

Choose whether others can edit the dashboard or only view it.
4

Save Settings

Save your sharing configuration.
Dashboard Sharing - A screenshot showing the sharing settings dialog with permission options
Image Placeholder: This should show the sharing dialog with:
  • Sharing level options (private, team, specific members)
  • Member selection (if sharing with specific members)
  • Permission options (view only, can edit)
  • Save button

​
Best Practices

Start with Templates

Use templates as starting points 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.

Organize Logically

Group related widgets together and use clear section headers.

Test with Users

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

Keep Updated

Periodically review and update dashboards to ensure they remain relevant.

​
Next Steps

After creating your dashboard: