Skip to content
DocsWidgetsBlocksLast updated Nov 2, 2026

Blocks

Eleven blocks sit under the chart. Each adds one kind of detail, and none repeats what the chart already shows.

Get the code
Category revenue: company cards · september $40K USDCard spend by month, January to September, in $K. September (month to date) is 40K; the highest month is July at 71K.Category revenueQ3 2026COMPANY CARDS · SEPTEMBER$40KUSD−4%PACE VS AUGUST48KJAN52KFEB61KMAR57KAPR66KMAY59KJUN71KJUL68KAUG40KSEPMONTH TO DATECLOSED MONTHSQ3 REVENUETARGET $500K$428K/ $500K86%21 DAYS LEFT · RUN RATE $486KSYNCED 4 MIN AGOOpen report
Monthly card spend
MonthSpend
JAN$48K
FEB$52K
MAR$61K
APR$57K
MAY$66K
JUN$59K
JUL$71K
AUG$68K
SEP$40K
BlockShows
AlertOne warning or note
ChipsFilters or tags
EventsA short timeline
GoalProgress to a target
LinkA related page
RankA top list
ShareParts of a total
SplitTwo values side by side
TableA few rows
TabsSwitch between views
TilesSmall numbers in a grid

Rules

  • A block never repeats the hero value or a list the chart already shows.
  • Blocks use sample data from the same sector as the widget.
  • Two widgets side by side use different blocks, so a dashboard does not repeat itself.

In code

blocks.tsx
blocks={[  ["alert", ["Two cards over their limit", "Marketing · Sales", "Review", "warning"]],  ["goal", ["Q3 revenue", "$500K", "$428K", "of $500K", "86%", "21 days left"]],]}

Pick two

A widget shows up to two blocks. Pick the two that answer the next question after the chart: what is wrong (Alert), how far to go (Goal), who leads (Rank).

Stay in the loop

New charts, by email.

Get an email when new chart types and releases ship.

Unsubscribe any time.