Skip to main content

Widget Catalog

Everything that can be displayed in the chat or on a report canvas.

Available Widgets

WidgetBest forExample prompt
Headline figure (KPI)One number the whole answer turns on"How many orders are in the extract?"
TableA list, ranking or lookup to scan"List every date field with earliest and latest date"
Vertical barDistribution across ordered bands"Show order value in $25k bands"
Horizontal ranked barComparing many named categories"Rank nations by customer count"
Labelled barFew categories where exact numbers matter"Customers by market segment, with numbers on bars"
Stacked barWhat a total is made of, over time"Orders per year, split by status"
Grouped barTwo or three series compared side by side"On-time vs late orders per year, side by side"
LineA trend over time"Orders per month from 1992 to 1998"
DonutParts of one whole, four slices at most"Share of order lines by return flag"
ScatterTwo measures per entity, to spot outliers"Average order value vs order count, per nation"
Highlighted barOne part emphasized against the rest"Days late vs promise, with late side highlighted"
Written blockHeadings, findings, caveats between visuals"Add a short note explaining that chart"

Widget Examples

Headline Figure (KPI)

One number, read straight from the query result — never rounded by hand.

Table

Table widget example

For anything to scan, sort or look up. Ask for more rows, fewer columns, or different sort to re-render.

Vertical Bar

Vertical bar chart example

For distributions across bands — "$25k bands", "10-day bands", "by month". Bands stay in natural order.

Horizontal Ranked Bar

Horizontal ranked bar chart example

For named categories, ranked by value so the shape is visible at a glance.

Labelled Bar

Labelled bar chart example

Under five categories — value printed on the mark, legend disappears.

Stacked Bar

Stacked bar chart example

Answers what is the total, and what is it made of.

Grouped Bar

Grouped bar chart example

Answers how do these compare, one by one. Same data, different question than stacked bar.

Line

Line chart example

Always an explicit time unit. Last point is labelled instead of carrying a legend.

Donut

Donut chart example

Four slices at most — past that, close angles cannot be ranked by eye and a ranked bar is the honest choice.

Scatter

Scatter plot example

Two measures per entity, to find the outlier.

Highlighted Bar

Highlighted bar chart example

The question named one thing; the rest is context. Emphasis carried by opacity, not a second colour.


Chart Conventions

Fixed by the renderer (cannot be changed): colour palette, contrast, typography, axis styling, gridlines, legend placement, bar/line/point weights.

Yours to direct: chart type · axes · sort order · banding and grouping · highlighting · number formatting · titles and labels · value labels on marks · table row count · canvas block position.

Good to know:

  • Large numbers abbreviated to human scale (4.97M, $29.3B) unless exact figures requested
  • Two measures never share two y-axes — you get two charts or an indexed comparison
  • Hover a bar, point or slice to bring it forward — no click-through, no cross-filter