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