Skip to content
NocoAIby NocoDB
All posts
Tutorial · 10 min read

Building Dashboards in NocoDB

A complete guide to creating rich, interactive dashboards from your data.

Dashboards turn your raw data into visual stories. With NocoDB's dashboard builder, you can create charts, metrics, and tables that update in real time as your data changes — no BI tool required.

Getting Started

Navigate to any base and click the Dashboard tab. You'll see a blank canvas with a widget palette on the left. Drag widgets onto the canvas, connect them to your tables, and configure what data they display. The layout is fully responsive and supports drag-and-drop repositioning.

Creating Your First Widget

Click the + button in the widget palette, choose a chart type, and select a source table. The widget will auto-detect numeric and date fields and suggest reasonable defaults for axes and aggregations.

Available Widget Types

  • Bar, line, and area charts for trend analysis
  • Pie and donut charts for distribution breakdowns
  • Number cards for KPI metrics with sparklines
  • Table widgets with inline filtering and sorting
  • Rich text blocks for annotations and context

Configuring Widgets

Widget Configuration Example:
┌─────────────────────────────┐
│  Revenue by Month (Bar)     │
│  Source: Sales table         │
│  X-axis: Close Date (month) │
│  Y-axis: SUM(Deal Value)    │
│  Filter: Status = "Won"     │
└─────────────────────────────┘

Each widget supports filters, grouping, and aggregation functions like SUM, COUNT, AVG, MIN, and MAX. You can also apply conditional formatting to highlight values that meet specific criteria — for example, turning a KPI card red when revenue drops below target.

Sharing & Embedding

The best dashboards answer specific questions. Start with the three metrics your team checks every morning, then expand from there.

Dashboards can be shared via a public link or embedded in other applications using an iframe. Shared dashboards update in real time, so stakeholders always see the latest numbers.

Toggle the Share button to generate a public URL. Anyone with the link can view the dashboard without signing in. You can revoke access at any time.

Iframe Embeds

Copy the embed code and paste it into any HTML page, Notion doc, or internal wiki. The embedded dashboard auto-resizes and stays in sync with your data.

So, what do you want to build?

One sentence is enough to start. Free, no credit card, and the base it builds is yours to keep.