AI/BI Dashboard Skill
Create Databricks AI/BI dashboards (formerly Lakeview dashboards).
A dashboard should be showing something relevant for a human, typically some KPI on the top, and based on the story, some graph (often temporal), and we see "something happens".
Follow these guidelines strictly.
When a custom app fits better: A managed AI/BI dashboard is the right tool for read-only KPIs, charts, and filters over governed tables. If the user instead needs a
custom-code interactive app — write-back / data entry, bespoke UI or interactions beyond the dashboard grid, embedded or auth-gated workflows, or a conversational Genie/chat assistant as the primary surface — build a Databricks App instead with the
skill (which brings in
for the data-screen UX). Linking an "Ask Genie" space to
this dashboard stays here (see Linking a Genie Space below).
Quick Reference
| Task | Command |
|---|
| List warehouses | databricks warehouses list
|
| List tables | databricks experimental aitools tools query --warehouse WH "SHOW TABLES IN catalog.schema"
|
| Get schema | databricks experimental aitools tools discover-schema catalog.schema.table1 catalog.schema.table2
|
| Test query | databricks experimental aitools tools query --warehouse WH "SELECT..."
|
| Create dashboard | databricks lakeview create --display-name "X" --warehouse-id "WH" --dataset-catalog CATALOG --dataset-schema SCHEMA --serialized-dashboard "$(cat file.json)" --json '{"parent_path": "/Workspace/Users/<you>/path"}'
— / are flag-only (REQUIRED; CLI silently drops them if put in ); is JSON-only (no flag). Queries must use bare table names. |
| Update dashboard | databricks lakeview update DASHBOARD_ID --dataset-catalog CATALOG --dataset-schema SCHEMA --serialized-dashboard "$(cat file.json)"
— always re-pass / on update (same flag-only rule as create); update replaces the serialized dashboard, so omitting them nulls the per-dataset defaults and breaks every bare-table query. |
| Publish | databricks lakeview publish DASHBOARD_ID --warehouse-id WH
|
| Delete | databricks lakeview trash DASHBOARD_ID
|
flag: if
databricks experimental aitools tools query --warehouse WH "..."
fails with
unknown flag: --warehouse
on your CLI version, set
DATABRICKS_WAREHOUSE_ID=WH
in the environment instead and drop the flag — the command auto-picks it from there.
Widget Index (Version + Where Documented)
Wrong version = broken widget! This is the #1 cause of dashboard errors.
| Widget Type | Version | Documented in |
|---|
| text (markdown, no spec block) | N/A | 1-widget-specifications.md#text-headersdescriptions |
| (KPI + sparkline + comparison) | 2 | 1-widget-specifications.md#counter-kpi |
| 2 | 1-widget-specifications.md#table |
| , | 3 | 1-widget-specifications.md#line--bar-charts |
| 3 | 1-widget-specifications.md#pie-chart |
| (lat/lon point map) | 2 | 1-widget-specifications.md#symbol-map-bubble-map |
| 3 | 2-advanced-widget-specifications.md#area-chart |
| 3 | 2-advanced-widget-specifications.md#scatter-plot--bubble-chart |
| (bar+line, dual-axis) | 1 | 2-advanced-widget-specifications.md#combo-chart-bar--line |
| (regions colored by value) | 1 | 2-advanced-widget-specifications.md#choropleth-map |
| (with SQL) | 1 | 2-advanced-widget-specifications.md#forecast-line-with-ai_forecast |
| (with conditional cell rules) | 3 | 2-advanced-widget-specifications.md#pivot |
| (with ) | 3 | 2-advanced-widget-specifications.md#histogram |
| 1 | 2-advanced-widget-specifications.md#sankey |
| 3 | 2-advanced-widget-specifications.md#heatmap |
| 1 | 2-advanced-widget-specifications.md#funnel |
| 1 | 2-advanced-widget-specifications.md#box |
| 1 | 2-advanced-widget-specifications.md#waterfall |
| , , | 2 | 3-filters.md#filter-widget-structure |
| 2 | 3-filters.md#range-slider-numeric-range-filter |
| (Vega-Lite: matrix/grid, radar, gauge, sunburst, network — only when no built-in fits) | 1 | 6-custom-visualizations.md#custom-vega-viz |
Cohort retention charts are built as a
with a color-scale cell style — there is no
widget type. See pivot in
2-advanced-widget-specifications.md.
NEW DASHBOARD CREATION WORKFLOW
You MUST test ALL SQL queries via CLI BEFORE deploying. Follow the overall logic in these steps for new dashboard - Skipping validation causes broken dashboards.
Step 1: Get Warehouse ID if not already known
bash
# List warehouses to find one for SQL execution
databricks warehouses list
Step 2: Discover Table Schemas and existing data pattern
A good dashboard comes from knowing the data first. Spend time here — the exploration drives design decisions in Step 4 (which widgets, which filters, which groupings).
Use
as the default — one call returns columns, types, sample rows, null counts, and row count. If you only know the schema, list tables first with
query "SHOW TABLES IN ..."
.
databricks experimental aitools tools discover-schema catalog.schema.orders catalog.schema.customers
Sample rows alone don't tell you what to build. you can write aggregate SQL through
databricks experimental aitools tools query --warehouse <WH> "..."
to probe typically:
- Cardinality of candidate grouping columns → decides chart color-group vs. table (≤8 distinct values for charts, see Cardinality & Readability below).
- Top categorical values → populates filter options and chart legends meaningfully.
- Numeric distribution (min/max/avg/percentiles) → decides KPI with delta vs. trend chart (flat metrics shouldn't be line charts, see Data Variance Considerations below).
- Trend viability at daily/weekly/monthly grain → picks the right trend granularity.
- Story confirmation — run the aggregations you plan to put in the dashboard and check they're not flat, empty, or uninteresting. Fix the query or adjust the story before moving on.
Fan out independent probes in one call — pass several positional SQLs (and/or repeated
) and they run in parallel (default
):
bash
DATABRICKS_WAREHOUSE_ID=<WH> databricks experimental aitools tools query --output json \
"SELECT COUNT(*) FROM catalog.schema.orders" \
"SELECT region, COUNT(*) FROM catalog.schema.orders GROUP BY region ORDER BY 2 DESC LIMIT 10" \
"SELECT MIN(ts), MAX(ts) FROM catalog.schema.orders"
- is mandatory in multi-query mode. Returns one object per statement:
{sql, state, rows, error}
; failures are per-statement (), others still succeed.
- ⚠️ Don't trust the exit code (a failed statement can still exit ) — gate on each object's .
Dashboard queries are different — inside the dashboard JSON, the
clause must reference ONLY the table name, with no catalog or schema prefix:
- ✅ Correct:
- ❌ Wrong:
- ❌ Wrong:
FROM samples.nyctaxi.trips
The catalog and schema are supplied separately via the
and
flags when you run
databricks lakeview create
. These flags do NOT rewrite the query — they only fill in the catalog/schema when the query omits them. If you hardcode a catalog or schema in the
clause, the flags are ignored for that query and the dashboard won't be portable across environments.
Step 3: Verify Data Matches Story
The datasets.querylines in the dashboard json (see example below) must be tested to ensure
Before finalizing, run the SQL Queries you intend to add in each dataset to confirm that they run properly and that the result are valid.
This is crucial, as the widget defined in the json will use the query field output to render the visualization. The value should also make sense at a business level.
Remember that for the filter to work, the query should have the field available (so typically group by the filter field)
If values don't match expectations, ensure the query is correct, fix the data if you can, or adjust the story before creating the dashboard.
Step 4: Plan Dashboard Structure
Before writing JSON, plan your dashboard:
- You must know the expected specific JSON structure. For this, Read reference files: 1-widget-specifications.md, 3-filters.md.
Always make sure you read an entire example to understand the structure, like 4-examples.md.
-
Think: What widgets? Map each visualization to a dataset:
| Widget | Type | Dataset | Has filter field? |
|---|
| Revenue KPI | counter | ds_sales | ✓ date, region |
| Trend Chart | line | ds_sales | ✓ date, region |
| Top Products | table | ds_products | ✗ no date |
| ... | | | |
-
What filters? For each filter, verify ALL datasets you want filtered contain the filter field.
Filters only affect datasets that have the filter field. A pre-aggregated table without dates WON'T be date-filtered.
-
Build the dashboard JSON as a local working file (intermediate step, not the deliverable).
Step 5: Deploy
Now deploy the JSON to the workspace. Run
databricks lakeview create
(below). Your task is not complete until this command succeeds and returns a dashboard ID — the JSON file alone is an intermediate working artifact.
After deploying, the same
subcommands manage the dashboard's lifecycle (list, get, update, publish, trash).
bash
# Deploy: creates the dashboard in the workspace and returns a dashboard ID.
# Canonical form — MIX flags + --json. Each field has exactly ONE valid place:
# --dataset-catalog / --dataset-schema : FLAG-ONLY (REQUIRED — no JSON field).
# The CLI silently warns "unknown field" and drops them if put in --json,
# leaving every dataset query unable to resolve its catalog.schema.
# parent_path : JSON-ONLY (no flag). Without it, dashboard lands at
# /Users/<you>/<display-name>.
# display_name / warehouse_id / serialized_dashboard : either form works;
# prefer flags for readability.
# Queries inside dashboard.json MUST use bare table names ("FROM trips", never
# "FROM schema.trips" or "FROM catalog.schema.trips") — --dataset-catalog and
# --dataset-schema only fill in missing parts, they do NOT rewrite hardcoded
# prefixes.
databricks lakeview create \
--display-name "My Dashboard" \
--warehouse-id "abc123def456" \
--dataset-catalog "my_catalog" \
--dataset-schema "my_schema" \
--serialized-dashboard "$(cat dashboard.json)" \
--json '{"parent_path": "/Workspace/Users/me@co.com/dashboards"}'
# List all dashboards
databricks lakeview list
# Get dashboard details
databricks lakeview get DASHBOARD_ID
# Update a dashboard
# ALWAYS re-pass --dataset-catalog / --dataset-schema: update replaces the
# serialized dashboard, so omitting them nulls the defaults and breaks queries.
databricks lakeview update DASHBOARD_ID \
--dataset-catalog "my_catalog" \
--dataset-schema "my_schema" \
--serialized-dashboard "$(cat dashboard.json)"
# Publish a dashboard
databricks lakeview publish DASHBOARD_ID --warehouse-id WAREHOUSE_ID
# Unpublish a dashboard
databricks lakeview unpublish DASHBOARD_ID
# Delete (trash) a dashboard
databricks lakeview trash DASHBOARD_ID
# By default, after creation, tag dashboards to track resources created with this skill
databricks workspace-entity-tag-assignments create-tag-assignment \
dashboards DASHBOARD_ID aidevkit_project --tag-value ai-dev-kit
UPDATING AN EXISTING DASHBOARD
To change a dashboard that already exists, build the updated JSON with the
creation workflow above, then deploy it with
+
on the
same — never re-run
/import.
- Don't /import to update. That mints a new dashboard id + URL and breaks any link you've already shared; is for brand-new dashboards only.
- changes only the draft. The link viewers see stays on the last snapshot until you again — so always after .
JSON Structure (Required Skeleton)
Every dashboard's
content must follow this exact structure:
Important: ALWAYS add a space or
at the end of each
value as they are concatenated to create the dataset.
json
{
"datasets": [
{
"name": "ds_x",
"displayName": "Dataset X",
"queryLines": ["SELECT col1, col2 ", "FROM my_table"]
}
],
"pages": [
{
"name": "main",
"displayName": "Main",
"pageType": "PAGE_TYPE_CANVAS",
"layout": [
{"widget": {/* INLINE widget definition */}, "position": {"x":0,"y":0,"width":2,"height":3}}
]
}
]
}
Structural rules (violations cause "failed to parse serialized dashboard"):
- : Array of strings, NOT . Elements are joined verbatim with no separator — end each line with or (or strip ). A line ending in with no newline swallows the next line.
- Widgets: INLINE in , NOT a separate array
- : Required on every page ( or )
- Query binding: must exactly match
Theme & Color (always set this — it makes or breaks the dashboard)
Top-level
controls colors, fonts, and widget chrome across every widget on the dashboard. Without it, the dashboard inherits the workspace default and looks generic.
Set the full block on every dashboard you create — a coherent palette is the single highest-impact polish item.
Mental model —
60/30/10 rule mapped to theme keys:
60% neutral = canvas/widget/border backgrounds (set
widgetBorderColor = widgetBackgroundColor
to hide borders);
30% secondary =
+
(the content weight);
10% accent =
for filters / tabs / active selections — pick something distinct from text and palette; a safe-blue around
matches the hyperlink convention and works as a default.
json
{
"datasets": [...],
"pages": [...],
"uiSettings": {
"theme": {
"canvasBackgroundColor": {"light": "#FCFCFC", "dark": "#1F272D"},
"widgetBackgroundColor": {"light": "#FFFFFF", "dark": "#11171C"},
"fontColor": {"light": "#11171C", "dark": "#E8ECF0"},
"selectionColor": {"light": "#2272B4", "dark": "#8ACAFF"},
"visualizationColors": [
"#FFA600", "#FF7054", "#DE5582", "#995495",
"#4E5185", "#1D425C", "#99DDB4"
],
"widgetHeaderAlignment": "LEFT"
}
}
}
Theme keys (mechanics):
- : ordered palette every chart series and category mapping cycles through. Positions are 0-indexed: = first color ( above), = seventh (). Length 5–8 is typical.
- Background / font / selection colors take + pairs; the dashboard auto-selects based on viewer mode.
- : (default), , or . Optional top-level: (e.g. , — sans-serif keeps dense data readable; don't override per widget) and (integer px, e.g. for rounded corners; or omit = square).
- Per-widget color references:
{"themeColorType": "visualizationColors", "position": N}
(0-indexed) to pin to a palette slot, or for an exact color outside the palette.
Palette-design rules (this is what separates a polished dashboard from a noisy one):
- One coherent color family per dashboard, distinct across the suite. Walk across hues (e.g., amber → coral → pink → purple → navy), not one color faded toward white — a single-hue lightness ramp reads as one color and the viewer can't tell categories apart. Adjacent stops must be visually distinct: if you squint and two blur into one, push them further apart. Single-hue ramps are for quantitative widgets only (
colorRamp.mode: "custom-sequential"
), never for .
- Pin semantic colors as literal hex, outside the palette. "Bad" = a warm coral (e.g. ), "good" = a calm teal/green. Use with a bare hex string —
{"value": "Critical", "color": "#FF7E5C"}
— not or (both are silently dropped on chart widgets). Reuse the good-teal that's already in the palette so it never clashes.
- Color non-categorical widgets explicitly so they join the family. Maps & heatmaps:
colorRamp.mode: "custom-sequential"
with from the family (if directional: = bad color, = good color). Forecast / multi-series: pin per-series via keyed on (actual = solid family color, forecast = contrast/alert, threshold = muted tone). Sparkline counters: set to a family color, not grey.
- "Lighter / more pastel" tweak: nudge all stops up in lightness together; don't recolor individual ones. Re-sync the pinned semantic hex values; keep enough contrast on the alert color that it still reads as a warning.
Starter palettes (pick one and adapt — extend to 7-8 stops if needed; semantic red/green stay as literal hex per rule 2):
#094074 #3C6997 #5ADBFF #FFDD4A #FE9000
#003F5C #594E90 #BC4C96 #FF5F66 #FFA600
#4A8CC7 #F59770 #FFD84A #F0E09E #6DD980
#440154 #3B528B #21918C #5EC962 #FDE725
#4E79A7 #F28E2C #E15759 #76B7B2 #59A14F
#0072B2 #E69F00 #009E73 #CC79A7 #D55E00
#0D0887 #7E03A8 #CC4778 #F89441 #F0F921
#6929C4 #1192E8 #005D5D #9F1853 #FA4D56
~4-5% of viewers have color blindness (mostly red/green). Rows 4 and 6 above (viridis, Okabe-Ito) are CB-safe by design; verify customized palettes via simulator (Adobe Color,
). Don't put red and green adjacent, and rely on lightness contrast — not hue alone — between adjacent stops.
Linking a Genie Space (Optional)
To add an "Ask Genie" button to the dashboard, or to link a genie space/room with an ID, add
to the JSON (alongside
if you have one):
json
"uiSettings": {
"theme": { /* ... */ },
"genieSpace": {
"isEnabled": true,
"overrideId": "your-genie-space-id-here",
"enablementMode": "ENABLED"
}
}
Genie is NOT a widget. Link via
only. There is no
"widgetType": "assistant"
.
Design Best Practices
Apply unless user specifies otherwise:
- Global date filter: When data has temporal columns, add a date range filter. Most dashboards need time-based filtering.
- KPI time bounds: Use time-bounded metrics that enable period comparison (MoM, YoY). Unbounded "all-time" totals are less actionable.
- Value formatting: Format values based on their meaning — currency with symbol, percentages with %, large numbers compacted (K/M/B).
- Chart selection: Match cardinality to chart type. Few distinct values → bar with color grouping (or pie if you really want a snapshot); many values → table.
Reference Files
Before generating any dashboard JSON, read 4-examples.md first. It's a complete reference dashboard exercising every construct (dataset measures +
, sparkline counters, forecast-line with annotations, pivot with conditional cells, symbol-map, histogram, range-slider filter, theme). Use it to learn the JSON shape; then adapt to the user's data and demo story — keep the structure, swap the tables, metrics, palette, and narrative for the case you're building.
| What are you building? | Reference |
|---|
| Start here — full working dashboard template | 4-examples.md |
| Any widget (text, counter, table, chart) | 1-widget-specifications.md |
| Advanced charts (area, scatter/Bubble, combo (Line+Bar), Choropleth map) | 2-advanced-widget-specifications.md |
| Dashboard with filters (global or page-level) | 3-filters.md |
| A chart type that isn't built in (matrix/grid, radar, gauge, sunburst, network) — custom Vega-Lite viz | 6-custom-visualizations.md |
| Debugging a broken dashboard | 5-troubleshooting.md |
Implementation Guidelines
1) DATASET ARCHITECTURE
- Fewer datasets is better — aim for one dataset that backs as many widgets as possible. Clicking a value on a chart (e.g., a bar, a slice) acts as a filter on that dataset, and every other widget sharing the same dataset re-renders with the click applied. Splitting widgets across many narrow datasets breaks this cross-filtering and forces users to set explicit filter widgets for what should "just work". Prefer one wide dataset per domain (orders, cases, customers); only split when a widget genuinely needs different grain, pre-aggregation, or a parameter the others can't tolerate.
- Two ways to define a dataset:
- SQL query:
{"name": "ds_x", "displayName": "...", "queryLines": ["SELECT ...", "FROM table"]}
— full control, can include / / / etc.
- UC asset shorthand:
{"name": "ds_x", "asset_name": "catalog.schema.table_or_view"}
— no SQL needed. Works for tables, views, and metric views. You can still stack (measures + derived dimensions) on top: {"name": "ds_x", "asset_name": "...", "columns": [{"displayName": "Total Revenue", "expression": "SUM(\
amount_usd`)"}]}MEASURE()` pattern.
- Exactly ONE valid SQL query per dataset when using (no multiple queries separated by )
- Queries must use bare table names only — no catalog, no schema prefix. Example: , never or . The catalog and schema come from the and flags at creation time. These flags only fill in missing parts — they do NOT override any catalog/schema written in the query.
- SELECT must include all dimensions needed by widgets and all derived columns via aliases
- Put ALL business logic (CASE/WHEN, COALESCE, ratios) into the dataset SELECT with explicit aliases
- Contract rule: Every widget must exactly match a dataset column or alias
- Add ORDER BY when visualization depends on data order:
- Time series: for chronological display
- Rankings/Top-N:
ORDER BY metric DESC LIMIT 10
for "Top 10" charts
- Categorical charts: to show largest values first
Dataset-level measures +
Widget expressions are usually inline aggregations (
{"name": "sum(x)", "expression": "SUM(\
x`)"}`). But you can also
declare reusable measures on the dataset itself and reference them by name — every widget that consumes the dataset can use the same metric without redefining it.
Two ways to define measures:
-
Dashboard-level (works on any dataset — SQL query or
):
json
{
"name": "ds_support",
"queryLines": ["SELECT * FROM support_cases"],
"columns": [
{"displayName": "Total Cases", "description": "Count of cases",
"expression": "COUNT(`case_id`)"},
{"displayName": "Reopen Rate %", "description": "% of reopened cases",
"expression": "SUM(CASE WHEN `reopened_flag` THEN 1 ELSE 0 END) * 100.0 / COUNT(`case_id`)"},
{"displayName": "Priority Level", "description": "Sorted priority label",
"expression": "CASE WHEN `priority`='Critical' THEN '1-Critical' ELSE '4-Low' END"}
]
}
-
Metric-view source — if the dataset's
(or
clause) is a UC metric view, its YAML-defined measures are already queryable.
Do not redeclare them in
. See
databricks-metric-views.
Either way, widgets reference the measure by name:
json
"fields": [{"name": "measure(Total Cases)", "expression": "MEASURE(`Total Cases`)"}],
"encodings": {"value": {"fieldName": "measure(Total Cases)", "displayName": "Total Cases"}}
...`)` works in counter, table, bar, line, pie, pivot — any widget that takes a field expression. Mix it with inline aggregations freely.
2) WIDGET FIELD EXPRESSIONS
CRITICAL: Field Name Matching Rule
The
in
MUST exactly match the
in
.
If they don't match, the widget shows "no selected fields to visualize" error!
Correct pattern for aggregations:
json
// In query.fields:
{"name": "sum(spend)", "expression": "SUM(`spend`)"}
// In encodings (must match!):
{"fieldName": "sum(spend)", "displayName": "Total Spend"}
WRONG - names don't match:
json
// In query.fields:
{"name": "spend", "expression": "SUM(`spend`)"} // name is "spend"
// In encodings:
{"fieldName": "sum(spend)", ...} // ERROR: "sum(spend)" ≠ "spend"
Allowed expressions in widget queries (you CANNOT use CAST or other SQL in expressions):
json
{"name": "(sum|avg|count|countdistinct|min|max)(col)", "expression": "(SUM|AVG|COUNT|COUNT(DISTINCT)|MIN|MAX)(`col`)"}
{"name": "(daily|weekly|monthly)(date)", "expression": "DATE_TRUNC(\"(DAY|WEEK|MONTH)\", `date`)"}
{"name": "field", "expression": "`field`"}
If you need conditional logic or multi-field formulas, compute a derived column in the dataset SQL first.
3) SPARK SQL PATTERNS
- Date math:
date_sub(current_date(), N)
for days, add_months(current_date(), -N)
for months
- Date truncation:
DATE_TRUNC('DAY'|'WEEK'|'MONTH'|'QUARTER'|'YEAR', column)
- AVOID syntax - use functions instead
4) LAYOUT (12-Column Grid, NO GAPS)
Every page must include "layoutVersion": "GRID_V1"
alongside
.
json
{
"name": "overview",
"displayName": "Overview",
"pageType": "PAGE_TYPE_CANVAS",
"layoutVersion": "GRID_V1",
"layout": [...]
}
Each widget has a position:
{"x": 0, "y": 0, "width": 4, "height": 4}
Pick the subdivision based on the audience. The 12-column grid divides cleanly into 3, 4, or 6 columns: a 3-column layout (each widget
) reduces cognitive load and fits an executive overview; a 4-column (
) is the all-rounder; a 6-column (
) packs the most density for technical / operations dashboards where the reader is hunting through many metrics at once.
Default rule: each row should fill width=12 exactly — no gaps. Once you're confident with the grid, you can stagger heights across columns (a tall widget on the left paired with several shorter ones on the right) so the two halves don't share row boundaries — see 4-examples.md for the pattern. Start with strict rows; relax only when the stagger reads better visually.
CORRECT: WRONG:
y=0: [w=12] y=0: [w=8]____ ← gap!
y=1: [w=4][w=4][w=4] ← fills 12 y=1: [w=2][w=2][w=2][w=2]__ ← gap!
y=4: [w=6][w=6] ← fills 12
Recommended widget sizes:
| Widget Type | Width | Height | Notes |
|---|
| Text header | 12 | 1 | Full width; use SEPARATE widgets for title and subtitle |
| Counter/KPI | 4 | 3-4 | NEVER height=2 - too cramped! |
| Line/Bar/Area chart | 6 | 5-6 | Pair side-by-side to fill row |
| Pie chart | 6 | 5-6 | Needs space for legend |
| Full-width chart | 12 | 5-7 | For detailed time series |
| Table | 12 | 5-8 | Full width for readability |
Standard dashboard structure:
text
y=0: Title (w=12, h=1) - Dashboard title (use separate widget!)
y=1: Subtitle (w=12, h=1) - Description (use separate widget!)
y=2: KPIs (w=4 each, h=3) - 3 key metrics side-by-side
y=5: Section header (w=12, h=1) - "Trends" or similar
y=6: Charts (w=6 each, h=5) - Two charts side-by-side
y=11: Section header (w=12, h=1) - "Details"
y=12: Table (w=12, h=6) - Detailed data
5) CARDINALITY & READABILITY (CRITICAL)
Dashboard readability depends on limiting distinct values:
| Dimension Type | Max Values | Examples |
|---|
| Chart color/groups | 3-8 | 4 regions, 5 product lines, 3 tiers |
| Filters | 4-15 | 8 countries, 5 channels |
| High cardinality | Table only | customer_id, order_id, SKU |
Before creating any chart with color/grouping:
- Check column cardinality via discover-schema or a COUNT DISTINCT query
- If >10 distinct values, aggregate to higher level OR use TOP-N + "Other" bucket
- For high-cardinality dimensions, use a table widget instead of a chart
6) QUALITY CHECKLIST
Before deploying, verify:
- All widget names use only alphanumeric + hyphens + underscores
- Every page has
"layoutVersion": "GRID_V1"
- All rows sum to width=12 with no gaps
- KPIs use height 3-4, charts use height 5-6
- Chart dimensions have reasonable cardinality (≤8 for colors/groups)
- All widget fieldNames match dataset columns exactly
- Field in query.fields matches in encodings exactly (e.g., both )
- Counter datasets: use for 1-row datasets, with aggregation for multi-row
- Percent values must be 0-1 for format (0.865 displays as "86.5%", don't forget to set the format). If data is 0-100, either divide by 100 in SQL or use format instead.
- SQL uses Spark syntax (date_sub, not INTERVAL)
- All SQL queries tested via CLI and return expected data
- Every dataset you want filtered MUST contain the filter field — filters only affect datasets with that column in their query
Data Variance Considerations
Before creating trend charts, check if the metric has enough variance to visualize meaningfully:
sql
SELECT MIN(metric), MAX(metric), MAX(metric) - MIN(metric) as range FROM dataset
If the range is very small relative to the scale (e.g., 83-89% on a 0-100 scale), the chart will appear nearly flat. Consider:
- Showing as KPI with delta/comparison instead of chart
- Using a table to display exact values
- Adjusting the visualization to focus on the variance
Related Skills
- databricks-apps - when the user needs a custom-code interactive app (write-back, bespoke UI, in-app chat / Genie) instead of a managed dashboard
- databricks-unity-catalog - for querying the underlying data and system tables
- databricks-pipelines - for building the data pipelines that feed dashboards
- databricks-jobs - for scheduling dashboard data refreshes