ReportBurster v14: Go Deeper With Embeddable Analytics & OLAP

Virgil

Virgil

ReportBurster v14: Go Deeper With Embeddable Analytics & OLAP

With each major release we like to pick one area of the platform, go deep, and make it significantly better. With v14 we chose Embeddable Analytics & OLAP — the data-driven web components you drop into dashboards and web apps: datatables, charts, and pivot tables.

The result: a much larger example library, a Redis caching layer for faster dashboards, and performance work that keeps the browser responsive even against million-row datasets.

Extensive Examples for Tables, Charts, and Pivot Tables

Good data-driven components are only useful if you know what they can do. v14 ships with a large library of live, copy-paste-ready examples across all three component families:

  • Data Tables — Layout modes (virtual DOM, fit-to-data, fit-to-width), interaction patterns (sorting, filtering, pagination, editing), and advanced scenarios (grouped rows, column calculations, tree data, spreadsheets).

  • Charts — Line, bar, grouped bar, stacked bar, pie, doughnut, dual-axis mixed, area, radar, scatter, bubble, waterfall, funnel, heatmap, treemap, gauge, and candlestick — each with realistic business data and configuration you can copy straight into your project.

  • Pivot Tables — Fundamentals (sum, cross-tab, multi-dimension), filtering and sorting, every renderer (table, heatmap, bar chart, line chart, area chart, scatter), all aggregators, and advanced features like derived attributes and subtotals.

Every example includes a Configuration toggle so you can inspect and copy the exact Configuration that drives it. Browse, pick, paste, done.

Loading…

tabulator {
  height "311px"
  layout "fitColumns"
  columns {
    column {
      title "Name"
      field "name"
      width 150
    }
    column {
      title "Progress"
      field "progress"
      formatter "progress"
      formatterParams([color: ["#00dd00", "orange", "rgb(255,0,0)"]])
      sorter "number"
      width 100
    }
    column {
      title "Rating"
      field "rating"
      formatter "star"
      formatterParams([stars: 6])
      hozAlign "center"
      width 120
    }
    column {
      title "Driver"
      field "car"
      hozAlign "center"
      formatter "tickCross"
      width 50
    }
    column {
      title "Col"
      field "col"
      formatter "color"
      width 50
    }
    column {
      title "Line Wraping"
      field "lorem"
      formatter "textarea"
    }
  }
}

Loading…

chart {
  type 'bar'
  labelField 'Quarter'
  series {
    series {
      field 'Revenue'
      label 'Revenue ($)'
      backgroundColor 'rgba(78, 121, 167, 0.7)'
      borderColor '#4e79a7'
      borderWidth 1
      yAxisID 'y'
      order 1
    }
    series {
      field 'ProfitMargin'
      label 'Profit Margin (%)'
      type 'line'
      borderColor '#e15759'
      backgroundColor 'rgba(225, 87, 89, 0.1)'
      borderWidth 3
      pointRadius 5
      pointStyle 'circle'
      tension 0.3
      fill false
      yAxisID 'y1'
      order 0
    }
  }
  options {
    responsive true
    plugins {
      title { display true; text 'Revenue & Profit Margin' }
    }
    scales {
      y {
        type 'linear'
        position 'left'
        beginAtZero true
        title { display true; text 'Revenue ($)' }
      }
      y1 {
        type 'linear'
        position 'right'
        beginAtZero true
        max 100
        title { display true; text 'Margin (%)' }
        grid { drawOnChartArea false }
      }
    }
  }
}

Loading…

pivotTable {
  rows 'Region', 'Product'
  cols 'Quarter'
  vals 'Revenue'
  aggregatorName 'Sum'
  rendererName 'Table'
  rowOrder 'key_a_to_z'
  colOrder 'key_a_to_z'
}

Source data (64 rows) that feeds the pivot table above.

RegionProductQuarterSalesRepQuantityRevenueCostProfit
NorthLaptopQ1Carol1315,60011,354.774,245.23
NorthLaptopQ2Carol89,6006,518.293,081.71
NorthLaptopQ3Bob1720,40014,888.355,511.65
NorthLaptopQ4Bob910,8007,908.942,891.06
NorthPhoneQ1Carol118,8005,540.383,259.62
NorthPhoneQ2Carol1814,4009,958.944,441.06
NorthPhoneQ3Alice1411,2008,126.733,073.27
NorthPhoneQ4Alice1612,8007,740.555,059.45
NorthTabletQ1Bob63,0001,883.561,116.44
NorthTabletQ2David157,5004,530.512,969.49
NorthTabletQ3Alice2110,5007,068.193,431.81
NorthTabletQ4David115,5003,671.161,828.84
NorthMonitorQ1Alice62,1001,435.33664.67
NorthMonitorQ2Carol93,1502,195.09954.91
NorthMonitorQ3Alice113,8502,736.551,113.45
NorthMonitorQ4David155,2503,310.81,939.2
SouthLaptopQ1Bob1012,0007,334.454,665.55
SouthLaptopQ2Carol1821,60015,205.616,394.39
SouthLaptopQ3David67,2005,339.231,860.77
SouthLaptopQ4Bob2327,60017,128.4210,471.58
SouthPhoneQ1Alice54,0002,616.271,383.73
SouthPhoneQ2Bob1713,6009,995.13,604.9
SouthPhoneQ3Alice1915,20011,251.53,948.5
SouthPhoneQ4Bob1915,2009,529.545,670.46
SouthTabletQ1Carol2110,5006,489.934,010.07
SouthTabletQ2David168,0005,899.342,100.66
SouthTabletQ3Bob168,0005,204.352,795.65
SouthTabletQ4Carol115,5003,901.771,598.23
SouthMonitorQ1Bob134,5503,305.431,244.57
SouthMonitorQ2Carol248,4006,161.652,238.35
SouthMonitorQ3Bob155,2503,383.041,866.96
SouthMonitorQ4Alice186,3004,076.072,223.93
EastLaptopQ1David2327,60016,947.6810,652.32
EastLaptopQ2Bob2125,20015,611.329,588.68
EastLaptopQ3David89,6006,781.582,818.42
EastLaptopQ4Carol910,8007,148.843,651.16
EastPhoneQ1Alice1814,4009,365.615,034.39
EastPhoneQ2Alice1713,6009,969.233,630.77
EastPhoneQ3Bob2016,00010,543.075,456.93
EastPhoneQ4Alice2217,60011,536.046,063.96
EastTabletQ1Alice199,5006,605.252,894.75
EastTabletQ2David2311,5007,260.514,239.49
EastTabletQ3Carol147,0004,393.222,606.78
EastTabletQ4Alice199,5006,709.432,790.57
EastMonitorQ1Bob103,5002,276.711,223.29
EastMonitorQ2Alice93,1502,359.44790.56
EastMonitorQ3Carol248,4005,246.473,153.53
EastMonitorQ4Alice165,6003,605.71,994.3
WestLaptopQ1Bob1315,60010,338.955,261.05
WestLaptopQ2Carol1214,4009,366.025,033.98
WestLaptopQ3David1113,2008,900.624,299.38
WestLaptopQ4Carol1518,00012,391.15,608.9
WestPhoneQ1Alice118,8005,674.393,125.61
WestPhoneQ2Bob1814,4009,117.135,282.87
WestPhoneQ3Alice1814,4009,318.725,081.28
WestPhoneQ4Alice118,8005,335.993,464.01
WestTabletQ1Carol94,5003,025.041,474.96
WestTabletQ2Bob199,5007,000.492,499.51
WestTabletQ3David136,5004,050.292,449.71
WestTabletQ4David157,5005,445.422,054.58
WestMonitorQ1David144,9003,047.751,852.25
WestMonitorQ2Carol217,3504,639.772,710.23
WestMonitorQ3Bob155,2503,925.291,324.71
WestMonitorQ4Bob227,7005,593.892,106.11

Build Your Own Dashboards

The pieces are all there: a data warehouse (DuckDB for in-process analytics, ClickHouse when you outgrow it), data-driven web components for tables, charts, pivot tables, and parameterized filters — each embeddable in any web page.

You think putting it all together into a dashboard would be difficult? Not at all — just ask Athena.

Have a conversation with her — tell her what you're thinking, what you'd need, who the audience is. For instance: "Design a BI dashboard for our CFO — which KPIs should it include?" She considers the audience, the decisions they face, and the metrics that actually drive those decisions. Then she generates a complete mockup — layout, chart types, data tables — ready to review.

Iterate from there. Swap a metric, rearrange panels, add a date range filter. Each turn sharpens the result. When you're happy with the design, connect it to your real data with ReportBurster's web components — or let Athena handle the wiring too.

Here is the CFO dashboard she produced over the Northwind sample data warehouse — revenue trends, profit margins, AR aging, top customers, geographic distribution — from a single prompt:

Connected to Northwind (sqlite). Ask me anything!
Now give me an HTML mockup of a BI Analytics dashboard for our CFO — which KPIs do you think they would look for?
Athena
HTML PreviewView Full Screen

Key CFO KPIs in this dashboard:

  • Financial Health — Total Revenue ($847K) + growth trend, Gross Profit ($292K) + margin (34.5%), Outstanding AR ($128K)
  • Operational Performance — Total Orders (1,247), avg. $680/order, Days Sales Outstanding (28 days, below 30-day target)
  • Customer & Product Insights — Top Customer: Save-a-lot Markets ($89K), Top Product: Côte de Blaye, Top Region: Germany (23.4%)
  • Risk Management — AR Aging buckets ($42K at risk in 60+ days), Revenue by Country (geographic concentration)

The dashboard uses a dark theme with glassmorphism effects — professional, modern, and data-dense for executive decision-making.

Ready for more tests!

Copy
Ask a question about your data...

Athena is part of the ReportBurster AI Crew introduced in v13 — domain-expert AI agents that learn your projects and get sharper with every conversation. See the full walkthrough in the Dashboards documentation.

Redis Starter Pack — Your Dashboards Are About to Get Faster

v14 adds a Redis Starter Pack — launch it from the Starter Packs UI and your data-driven components start serving cached results in milliseconds instead of hitting the database on every page load.

The first request queries the database and populates the cache; every subsequent request is served from memory until the TTL expires. For dashboards with many concurrent viewers or expensive aggregation queries, the speed-up is immediate and significant.

Next: Make It Even Faster

Once your dashboard is running, the Performance & Real-Time guide walks you through the next level: bundling multiple visualizations into a single multi-component report, loading only the data each component needs via componentId, setting up Redis caching and TTLs, and pushing live updates with Redis Pub/Sub.

Try v14

Download ReportBurster and have it running in five minutes:

Need help getting started? We offer complimentary setup assistance — contact us for a guided walkthrough.