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_summary
    type: kpi
    label: "Total Revenue"
    value: revenue
  clicks:
    query: _doc_examples.yaml#sales_summary
    type: kpi
    label: "Total Units"
    value: units_sold
  roi:
    query: _doc_examples.yaml#sales_summary
    type: kpi
    label: "Categories"
    value: category_count
  spend_trend:
    query: _doc_examples.yaml#sales_by_date
    type: line
    title: "Revenue Over Time"
    x: date
    y: revenue
  channel_mix:
    query: _doc_examples.yaml#sales_by_category
    type: bar
    title: "Category Mix"
    x: category
    y: revenue
  funnel:
    query: _doc_examples.yaml#sales_by_product
    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_by_date
    type: bar
    x: date
    y: revenue
  creative2:
    query: _doc_examples.yaml#sales_by_category
    type: bar
    x: category
    y: units_sold
  creative3:
    query: _doc_examples.yaml#sales_by_product
    type: pie
    theta: revenue
    color: product

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:
      - text: |
          **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 850k Total Revenue 5.8k Total Units 3.0 Categories 1 Jan20242 Jan3 Jan4 Jan5 Jan6 Jan7 Jan8 Jan9 Jan10 Jan11 Jan12 Jan13 Jan14 Jan15 Jan16 Jan17 Jan18 Jan19 Jan20 Jan21 Jan22 Jan23 Jan24 Jan25 Jan26 Jan27 Jan28 Jan29 Jan30 Jan31 Jan1 Feb2 Feb3 Feb4 Feb5 Feb6 Feb7 FebDate$0$1,000$2,000$3,000$4,000$5,000$6,000$7,000RevenueRevenue Over TimeAccessoriesElectronicsToolsCategory$0$20,000$40,000$60,000$80,000$100,000$120,000$140,000RevenueCategory Mix Funnel Performance Analyzing conversion rates by product Gadget XGadget YTool ZWidget AWidget BProduct01,0002,0003,0005001,5002,500Units SoldProduct Funnel Sales TableDateRegionProductCategoryRevenueUnits Sold2024-01-01NorthWidget AElectronics1,500502024-01-01SouthWidget BElectronics2,200802024-01-01EastGadget XAccessories850252024-01-01WestWidget AElectronics1,800602024-01-02NorthGadget YAccessories1,200402024-01-02SouthWidget BElectronics2,400902024-01-02EastTool ZTools950302024-01-02WestWidget AElectronics1,600552024-01-03NorthGadget XAccessories1,100352024-01-03SouthWidget BElectronics2,100752024-01-03EastTool ZTools1,300452024-01-03WestWidget AElectronics1,900652024-01-04NorthGadget YAccessories1,400502024-01-04SouthWidget BElectronics2,300852024-01-04EastTool ZTools1,050352024-01-04WestWidget AElectronics1,750582024-01-05NorthWidget AElectronics1,650552024-01-05SouthGadget XAccessories920282024-01-05EastWidget BElectronics2,050722024-01-05WestTool ZTools1,15038◀ Page 1 of 8 ▶ Campaigns Creatives Campaigns Campaign TableDateRegionProductCategoryRevenueUnits Sold2024-01-01NorthWidget AElectronics1,500502024-01-01SouthWidget BElectronics2,200802024-01-01EastGadget XAccessories850252024-01-01WestWidget AElectronics1,800602024-01-02NorthGadget YAccessories1,200402024-01-02SouthWidget BElectronics2,400902024-01-02EastTool ZTools950302024-01-02WestWidget AElectronics1,600552024-01-03NorthGadget XAccessories1,100352024-01-03SouthWidget BElectronics2,100752024-01-03EastTool ZTools1,300452024-01-03WestWidget AElectronics1,900652024-01-04NorthGadget YAccessories1,400502024-01-04SouthWidget BElectronics2,300852024-01-04EastTool ZTools1,050352024-01-04WestWidget AElectronics1,750582024-01-05NorthWidget AElectronics1,650552024-01-05SouthGadget XAccessories920282024-01-05EastWidget BElectronics2,050722024-01-05WestTool ZTools1,15038◀ Page 1 of 8 ▶ 2026-05-12 12:34
▶

Nested Grids

Create sophisticated layouts by combining multiple layout types:

title: "Complex Dashboard"

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

rows:
  - cols:
      - kpi1
      - kpi2
      - cols:
          - mini1
          - mini2
  - main
Complex Dashboard 850k Revenue 5.8k Units Sold AccessoriesElectronicsToolsCategory$0RevenueMini Chart 1Gadget XGadget YTool ZWidget AWidget BProduct02,000Units SoldMini Chart 2 1 Jan20242 Jan3 Jan4 Jan5 Jan6 Jan7 Jan8 Jan9 Jan10 Jan11 Jan12 Jan13 Jan14 Jan15 Jan16 Jan17 Jan18 Jan19 Jan20 Jan21 Jan22 Jan23 Jan24 Jan25 Jan26 Jan27 Jan28 Jan29 Jan30 Jan31 Jan1 Feb2 Feb3 Feb4 Feb5 Feb6 Feb7 FebDate$0$1,000$2,000$3,000$4,000$5,000$500$1,500$2,500$3,500$4,500$5,500RevenueAccessoriesElectronicsToolscategoryMain Analysis 2026-05-12 12:34
▶

Document-Style Report

title: "Analytical Report"

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

rows:
  - text: |
      # 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

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

  - trends
Analytical Report Monthly Performance Report This month showed strong growth across all key metrics. The following visualizations break down the performance by category. AccessoriesElectronicsToolsCategory$0$20,000$40,000$60,000$80,000$100,000$120,000$140,000RevenueRevenue by Category Key Insights Electronics: Leading category with 35% growth Accessories: Needs attention, down 5% Tools: Steady performance 1 Jan20242 Jan3 Jan4 Jan5 Jan6 Jan7 Jan8 Jan9 Jan10 Jan11 Jan12 Jan13 Jan14 Jan15 Jan16 Jan17 Jan18 Jan19 Jan20 Jan21 Jan22 Jan23 Jan24 Jan25 Jan26 Jan27 Jan28 Jan29 Jan30 Jan31 Jan1 Feb2 Feb3 Feb4 Feb5 Feb6 Feb7 FebDate$0$200$400$600$800$1,000$1,200$1,400$1,600$1,800$2,000$2,200$2,400$2,600$2,800$3,000$3,200$3,400RevenueGadget XGadget YTool ZWidget AWidget BproductTrend Analysis 2026-05-12 12:34
▶

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