Skip to content

Board Examples

Advanced layout patterns and comprehensive examples.

Marketing Command Center

A complex dashboard combining multiple layout types, content, and charts:

title: "Marketing Command Center"

charts:
  spend:
    query: _doc_examples.yaml#sales
    type: kpi
    title: "Total Revenue"
    metric: revenue
  clicks:
    query: _doc_examples.yaml#sales
    type: kpi
    title: "Total Units"
    metric: units_sold
  roi:
    query: _doc_examples.yaml#sales
    type: kpi
    title: "Categories"
    metric: category
  spend_trend:
    query: _doc_examples.yaml#sales
    type: line
    title: "Revenue Over Time"
    x: date
    y: revenue
  channel_mix:
    query: _doc_examples.yaml#sales
    type: bar
    title: "Category Mix"
    x: category
    y: revenue
  funnel:
    query: _doc_examples.yaml#sales
    type: bar
    title: "Product Funnel"
    x: product
    y: units_sold
  conversion:
    query: _doc_examples.yaml#sales
    type: table
    title: "Sales Table"
  campaigns:
    query: _doc_examples.yaml#sales
    type: table
    title: "Campaign Table"
  creative1:
    query: _doc_examples.yaml#sales
    type: bar
    x: date
    y: revenue
  creative2:
    query: _doc_examples.yaml#sales
    type: bar
    x: category
    y: units_sold
  creative3:
    query: _doc_examples.yaml#sales
    type: pie
    x: product
    y: revenue

rows:
  # Section 1: Top Level KPIs
  - height: "120px"
    cols:
      - spend
      - clicks
      - roi

  # Section 2: Main Trends (Split 50/50)
  - cols:
      - spend_trend
      - channel_mix

  # Section 3: Funnel Analysis
  - rows:
      - content: |
          **Funnel Performance**
          Analyzing conversion rates by product
      - cols:
          - funnel
          - conversion

  # Section 4: Detailed Reports (Tabs)
  - tabs:
      items:
        - title: "Campaigns"
          rows:
            - campaigns

        - title: "Creatives"
          cols:
            - creative1
            - creative2
            - creative3
Marketing Command Center 235720Total Revenue8121Total Units0Categories 2024Wed 03Fri 05Jan 07Tue 09Thu 11Sat 13Mon 15Wed 17Fri 19Jan 21Tue 23Thu 25Sat 27Mon 29Wed 31FebruarySat 03Mon 05Wed 07Date05001,0001,5002,0002,500RevenueRevenue Over TimeElectronicsAccessoriesToolsCategory020,00040,00060,00080,000100,000120,000140,000160,000RevenueCategory Mix Funnel Performance Analyzing conversion rates by product Widget AWidget BGadget XGadget YTool ZProduct05001,0001,5002,0002,5003,0003,500Units SoldProduct Funnel Sales TableDateRegionProductCategoryRevenueUnits Sold2024-01-01NorthWidget AElectronics1500.00502024-01-01SouthWidget BElectronics2200.00802024-01-01EastGadget XAccessories850.00252024-01-01WestWidget AElectronics1800.00602024-01-02NorthGadget YAccessories1200.00402024-01-02SouthWidget BElectronics2400.0090+ 146 more rows Campaigns Creatives Campaigns Campaign TableDateRegionProductCategoryRevenueUnits Sold2024-01-01NorthWidget AElectronics1500.00502024-01-01SouthWidget BElectronics2200.00802024-01-01EastGadget XAccessories850.00252024-01-01WestWidget AElectronics1800.00602024-01-02NorthGadget YAccessories1200.0040+ 147 more rows
â–¶
â–¶ Try in Playground ×
Marketing Command Center 235720Total Revenue8121Total Units0Categories 2024Wed 03Fri 05Jan 07Tue 09Thu 11Sat 13Mon 15Wed 17Fri 19Jan 21Tue 23Thu 25Sat 27Mon 29Wed 31FebruarySat 03Mon 05Wed 07Date05001,0001,5002,0002,500RevenueRevenue Over TimeElectronicsAccessoriesToolsCategory020,00040,00060,00080,000100,000120,000140,000160,000RevenueCategory Mix Funnel Performance Analyzing conversion rates by product Widget AWidget BGadget XGadget YTool ZProduct05001,0001,5002,0002,5003,0003,500Units SoldProduct Funnel Sales TableDateRegionProductCategoryRevenueUnits Sold2024-01-01NorthWidget AElectronics1500.00502024-01-01SouthWidget BElectronics2200.00802024-01-01EastGadget XAccessories850.00252024-01-01WestWidget AElectronics1800.00602024-01-02NorthGadget YAccessories1200.00402024-01-02SouthWidget BElectronics2400.0090+ 146 more rows Campaigns Creatives Campaigns Campaign TableDateRegionProductCategoryRevenueUnits Sold2024-01-01NorthWidget AElectronics1500.00502024-01-01SouthWidget BElectronics2200.00802024-01-01EastGadget XAccessories850.00252024-01-01WestWidget AElectronics1800.00602024-01-02NorthGadget YAccessories1200.0040+ 147 more rows

Nested Grids

Create sophisticated layouts by combining multiple layout types:

title: "Complex Dashboard"

charts:
  kpi1:
    query: _doc_examples.yaml#sales
    type: kpi
    title: "Revenue"
    metric: revenue
  kpi2:
    query: _doc_examples.yaml#sales
    type: kpi
    title: "Units Sold"
    metric: units_sold
  mini1:
    query: _doc_examples.yaml#sales
    type: bar
    title: "Mini Chart 1"
    x: category
    y: revenue
  mini2:
    query: _doc_examples.yaml#sales
    type: bar
    title: "Mini Chart 2"
    x: product
    y: units_sold
  main:
    query: _doc_examples.yaml#sales
    type: line
    title: "Main Analysis"
    x: date
    y: revenue
    color: category

rows:
  - cols:
      - kpi1
      - kpi2
      - cols:
          - mini1
          - mini2
  - main
Complex Dashboard 235720Revenue8121Units Sold ElectronicsAccessoriesToolsCategory020,00040,00060,00080,000100,000120,000140,000160,000RevenueMini Chart 1Widget AWidget BGadget XGadget YTool ZProduct05001,0001,5002,0002,5003,0003,500Units SoldMini Chart 2 2024Tue 02Wed 03Thu 04Fri 05Sat 06Jan 07Mon 08Tue 09Wed 10Thu 11Fri 12Sat 13Jan 14Mon 15Tue 16Wed 17Thu 18Fri 19Sat 20Jan 21Mon 22Tue 23Wed 24Thu 25Fri 26Sat 27Jan 28Mon 29Tue 30Wed 31FebruaryFri 02Sat 03Feb 04Mon 05Tue 06Wed 07Date05001,0001,5002,0002,500RevenueAccessoriesElectronicsToolscategoryMain Analysis
â–¶
â–¶ Try in Playground ×
Complex Dashboard 235720Revenue8121Units Sold ElectronicsAccessoriesToolsCategory020,00040,00060,00080,000100,000120,000140,000160,000RevenueMini Chart 1Widget AWidget BGadget XGadget YTool ZProduct05001,0001,5002,0002,5003,0003,500Units SoldMini Chart 2 2024Tue 02Wed 03Thu 04Fri 05Sat 06Jan 07Mon 08Tue 09Wed 10Thu 11Fri 12Sat 13Jan 14Mon 15Tue 16Wed 17Thu 18Fri 19Sat 20Jan 21Mon 22Tue 23Wed 24Thu 25Fri 26Sat 27Jan 28Mon 29Tue 30Wed 31FebruaryFri 02Sat 03Feb 04Mon 05Tue 06Wed 07Date05001,0001,5002,0002,500RevenueAccessoriesElectronicsToolscategoryMain Analysis

Document-Style Report

title: "Analytical Report"

charts:
  revenue_by_category:
    query: _doc_examples.yaml#sales
    type: bar
    title: "Revenue by Category"
    x: category
    y: revenue
  trends:
    query: _doc_examples.yaml#sales
    type: line
    title: "Trend Analysis"
    x: date
    y: revenue
    color: product

rows:
  - content: |
      # Monthly Performance Report
      This month showed **strong growth** across all key metrics.
      The following visualizations break down the performance by category.

  - cols:
      - revenue_by_category

      - content: |
          ### Key Insights
          - **Electronics**: Leading category with 35% growth
          - **Accessories**: Needs attention, down 5%
          - **Tools**: Steady performance

  - trends
Analytical Report Monthly Performance ReportThis month showed strong growth across all key metrics. The following visualizations break down the performance by category. ElectronicsAccessoriesToolsCategory020,00040,00060,00080,000100,000120,000140,000160,000RevenueRevenue by Category Key Insights•Electronics : Leading category with 35% growth•Accessories : Needs attention, down 5%•Tools : Steady performance 2024Tue 02Wed 03Thu 04Fri 05Sat 06Jan 07Mon 08Tue 09Wed 10Thu 11Fri 12Sat 13Jan 14Mon 15Tue 16Wed 17Thu 18Fri 19Sat 20Jan 21Mon 22Tue 23Wed 24Thu 25Fri 26Sat 27Jan 28Mon 29Tue 30Wed 31FebruaryFri 02Sat 03Feb 04Mon 05Tue 06Wed 07Date05001,0001,5002,0002,500RevenueGadget XGadget YTool ZWidget AWidget BproductTrend Analysis
â–¶
â–¶ Try in Playground ×
Analytical Report Monthly Performance ReportThis month showed strong growth across all key metrics. The following visualizations break down the performance by category. ElectronicsAccessoriesToolsCategory020,00040,00060,00080,000100,000120,000140,000160,000RevenueRevenue by Category Key Insights•Electronics : Leading category with 35% growth•Accessories : Needs attention, down 5%•Tools : Steady performance 2024Tue 02Wed 03Thu 04Fri 05Sat 06Jan 07Mon 08Tue 09Wed 10Thu 11Fri 12Sat 13Jan 14Mon 15Tue 16Wed 17Thu 18Fri 19Sat 20Jan 21Mon 22Tue 23Wed 24Thu 25Fri 26Sat 27Jan 28Mon 29Tue 30Wed 31FebruaryFri 02Sat 03Feb 04Mon 05Tue 06Wed 07Date05001,0001,5002,0002,500RevenueGadget XGadget YTool ZWidget AWidget BproductTrend Analysis

Best Practices

Logical Grouping

Use boards to group related charts together. This improves readability and organization.

Layout Selection

Layout Best For
Rows Simple vertical flow, mobile, scrolling
Cols Side-by-side comparisons, sidebars
Grid Precise control, dense dashboards
Tabs Managing density, hiding content until needed

Modularity

Extract complex boards into separate files (starting with _ for partials) and include them by referencing their filename.

Performance

  • Keep individual boards focused
  • Use tabs to lazy-load complex sections
  • Split large dashboards into multiple files