dashboards · v1.108.0
Embeddable Dashboards in JavaScript
Tiles, charts and a Designer, inside your own app. KPI tiles and charts read the same rows as the grid beside them, so filter the grid and every tile and chart follows. Your users build their own with the Designer.
Open the Designer See the charts
rearrange it
Finished on arrival, theirs when they want it.
Press Edit layout and the same screen becomes editable where it stands. Drag a window, resize it, fold one away, then save the arrangement as JSON.
what it does
Tiles, charts and a Designer over one set of rows.
KPI tiles
Totals, averages against a baseline and counts with good, warn and critical bands, over the rows you already have and following the same filters as the grid.
Charts that follow the grid
Every chart is drawn from the grid’s own filtered rows, so filtering the grid redraws the charts with no runtime dependencies.
The Designer
Your users build and rearrange charts, grids, KPI tiles and maps over your data. You set the guardrails and keep the saved JSON.
One JSON spec
A dashboard is a spec: print it, store it, hand it back and the same dashboard is rebuilt.
Windows that rearrange
Lock a dashboard to read it, unlock it to move and resize windows, and save the arrangement as plain JSON.
Maps
Map charts sit in the same gallery as the rest and read the same rows.
demos
Run it, then change it.
KPI engine tiles
Tiles computed from the rows, with bands and baselines.
KPI tree
Tiles that break a headline figure into its parts.
Dashboard layout
Lock, unlock, fill and fold windows.
Dashboard from one spec
Print the spec and rebuild the dashboard from it.
Charts follow the grid
Filter the grid and the charts redraw.
Click a chart to filter
A click on a bar filters the grid.
docs
Guides, and a finished dashboard.
Dashboard guide
The spec, the panels and how they connect.
Designer guide
Embed the Designer and keep the saved JSON.
Charts guide
Chart types and how they read the grid.
UK trade dashboard
A finished dashboard built with it.
Also in the licence
- GridThe data grid with derived grids, statistics and Explain built in.
- GanttDependencies, critical path and resource load.
- KanbanA board over the rows you already have.
- CalendarA schedule view over a date column.
- SchedulerPeople and machines allocated to work.
- FormsForms, the record editor, the app shell, and the context menu, sidebar and toolbar.